@import "tailwindcss";

@theme {
  --color-primary-300: oklch(95.62% 0.0207 261.77);
  --color-primary-400: oklch(71.92% 0.1176 261.69);
  --color-primary-500: oklch(55.71% 0.1353 261.55);
  --color-primary-600: oklch(40.02% 0.1117 261.27);
  --color-primary-700: oklch(15.31% 0.0193 258.38);
  --color-secondary-300: oklch(97.87% 0.031 160.25);
  --color-secondary-400: oklch(86.39% 0.1535 156.39);
  --color-secondary-500: oklch(74.71% 0.1693 153.7);
  --color-secondary-600: oklch(56.47% 0.1374 152.54);
  --color-secondary-700: oklch(18.31% 0.0283 156.39);
  --color-tertiary-300: oklch(94.76% 0.03079683825198993 304.2711120183577);
  --color-tertiary-400: oklch(67.95% 0.1701 301.1);
  --color-tertiary-500: oklch(52.03% 0.1902 298.58);
  --color-tertiary-600: oklch(37.19% 0.1536 297.45);
  --color-tertiary-700: oklch(14.6% 0.0313 303.08);
}

@layer base {
    .font-outline-1 {
      -webkit-text-stroke: 0.25px black;
    }
  }

@plugin "@tailwindcss/typography";