@import 'tailwindcss' theme(static);
@import '@nuxt/ui';

@source "./safelist.txt";
@source "../**/*.vue";
@source "../**/*.ts";
@source "../**/*.js";

@source inline("text-{blue,lime,green,emerald,teal,cyan,sky,indigo,violet,purple,fuchsia,pink,rose,red,orange,amber,yellow,google}-500");
@source inline("text-{slate,gray,zinc,stone,black,neutral}-500");

@theme static {
  --font-sans: 'Nunito', sans-serif;
  --font-serif: 'Nunito', serif;

  --color-glacier-50: #f0f9fb;
  --color-glacier-100: #daeff3;
  --color-glacier-200: #b9dee8;
  --color-glacier-300: #89c7d7;
  --color-glacier-400: #6cb3c8;
  --color-glacier-500: #3689a4;
  --color-glacier-600: #30708a;
  --color-glacier-700: #2c5c72;
  --color-glacier-800: #2b4d5f;
  --color-glacier-900: #284251;
  --color-glacier-950: #162a36;

  --color-downy-50: #f3faf8;
  --color-downy-100: #d6f1eb;
  --color-downy-200: #ade2d8;
  --color-downy-300: #70c7ba;
  --color-downy-400: #51b0a5;
  --color-downy-500: #37958b;
  --color-downy-600: #2a7771;
  --color-downy-700: #25605b;
  --color-downy-800: #224d4b;
  --color-downy-900: #20413f;
  --color-downy-950: #0d2625;

  --color-google-500: #D50F25;
}

body {
  @apply bg-secondary-50 dark:bg-secondary-900;
}

.card-header h2 {
  @apply mt-2;
}

h1 {
  @apply font-sans;
}

h2 {
  @apply font-sans text-xl font-semibold mt-8 mb-4;
}
