/* ──────────────────────────────────────────────────────────────
   Tailwind v4 @theme — generated by designlang
   site: Supabase | The Postgres Development Platform.
   2026-06-25T08:25:31.986Z
   Drop this above `@import "tailwindcss";`.
   ────────────────────────────────────────────────────────────── */

@import "tailwindcss";

@theme {
  --color-primary-50: hsl(151 67% 97%);
  --color-primary-100: hsl(151 67% 94%);
  --color-primary-200: hsl(151 67% 86%);
  --color-primary-300: hsl(151 67% 76%);
  --color-primary-400: hsl(151 67% 64%);
  --color-primary-500: hsl(151 67% 50%);
  --color-primary-600: hsl(151 67% 40%);
  --color-primary-700: hsl(151 67% 32%);
  --color-primary-800: hsl(151 67% 24%);
  --color-primary-900: hsl(151 67% 16%);
  --color-primary-950: hsl(151 67% 10%);
  --color-primary: #72e3ad;
  --color-secondary-50: hsl(153 100% 97%);
  --color-secondary-100: hsl(153 100% 94%);
  --color-secondary-200: hsl(153 100% 86%);
  --color-secondary-300: hsl(153 100% 76%);
  --color-secondary-400: hsl(153 100% 64%);
  --color-secondary-500: hsl(153 100% 50%);
  --color-secondary-600: hsl(153 100% 40%);
  --color-secondary-700: hsl(153 100% 32%);
  --color-secondary-800: hsl(153 100% 24%);
  --color-secondary-900: hsl(153 100% 16%);
  --color-secondary-950: hsl(153 100% 10%);
  --color-secondary: #00bb68;
  --color-accent-50: hsl(147 72% 97%);
  --color-accent-100: hsl(147 72% 94%);
  --color-accent-200: hsl(147 72% 86%);
  --color-accent-300: hsl(147 72% 76%);
  --color-accent-400: hsl(147 72% 64%);
  --color-accent-500: hsl(147 72% 50%);
  --color-accent-600: hsl(147 72% 40%);
  --color-accent-700: hsl(147 72% 32%);
  --color-accent-800: hsl(147 72% 24%);
  --color-accent-900: hsl(147 72% 16%);
  --color-accent-950: hsl(147 72% 10%);
  --color-accent: #a9f1ca;
  --color-neutral-50: #dfdfdf;
  --color-neutral-100: #171717;
  --color-neutral-200: #525252;
  --color-neutral-300: #707070;
  --color-neutral-400: #ffffff;
  --color-neutral-500: #b2b2b2;
  --color-neutral-600: #000000;
  --color-neutral-700: #c7c7c7;
  --color-neutral-800: #ededed;
  --color-neutral-900: #d4d4d4;
  --color-background: #fcfcfc;
  --color-foreground: #000000;
  --font-sans: "Circular", system-ui, sans-serif;
  --font-mono: "Source Code Pro", ui-monospace, monospace;
  --spacing-1: 1px;
  --spacing-2: 40px;
  --spacing-3: 48px;
  --spacing-4: 64px;
  --spacing-5: 90px;
  --spacing-6: 112px;
  --spacing-7: 128px;
  --spacing-8: 157px;
  --spacing-9: 208px;
  --spacing-10: 246px;
  --spacing-11: 304px;
  --radius-sm: 6px;
  --radius-md: 11px;
  --radius-lg: 16px;
  --shadow-sm: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;
  --shadow-md: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
  --animate-duration-fast: undefined;
  --animate-duration-base: undefined;
  --animate-duration-slow: undefined;
  --animate-duration-slower: undefined;
}

/* Optional base reset that maps body/heading to the extracted tokens. */
@layer base {
  html { font-family: var(--font-sans); }
  body { background-color: var(--color-background); color: var(--color-foreground, currentColor); }
}