/* ──────────────────────────────────────────────────────────────
   Tailwind v4 @theme — generated by designlang
   site: GitHub · Change is constant. GitHub keeps you ahead. · GitHub
   2026-06-12T12:48:14.659Z
   Drop this above `@import "tailwindcss";`.
   ────────────────────────────────────────────────────────────── */

@import "tailwindcss";

@theme {
  --color-primary-50: hsl(210 67% 97%);
  --color-primary-100: hsl(210 67% 94%);
  --color-primary-200: hsl(210 67% 86%);
  --color-primary-300: hsl(210 67% 76%);
  --color-primary-400: hsl(210 67% 64%);
  --color-primary-500: hsl(210 67% 50%);
  --color-primary-600: hsl(210 67% 40%);
  --color-primary-700: hsl(210 67% 32%);
  --color-primary-800: hsl(210 67% 24%);
  --color-primary-900: hsl(210 67% 16%);
  --color-primary-950: hsl(210 67% 10%);
  --color-primary: #f0f6fc;
  --color-secondary-50: hsl(137 89% 97%);
  --color-secondary-100: hsl(137 89% 94%);
  --color-secondary-200: hsl(137 89% 86%);
  --color-secondary-300: hsl(137 89% 76%);
  --color-secondary-400: hsl(137 89% 64%);
  --color-secondary-500: hsl(137 89% 50%);
  --color-secondary-600: hsl(137 89% 40%);
  --color-secondary-700: hsl(137 89% 32%);
  --color-secondary-800: hsl(137 89% 24%);
  --color-secondary-900: hsl(137 89% 16%);
  --color-secondary-950: hsl(137 89% 10%);
  --color-secondary: #08872b;
  --color-accent-50: hsl(137 63% 97%);
  --color-accent-100: hsl(137 63% 94%);
  --color-accent-200: hsl(137 63% 86%);
  --color-accent-300: hsl(137 63% 76%);
  --color-accent-400: hsl(137 63% 64%);
  --color-accent-500: hsl(137 63% 50%);
  --color-accent-600: hsl(137 63% 40%);
  --color-accent-700: hsl(137 63% 32%);
  --color-accent-800: hsl(137 63% 24%);
  --color-accent-900: hsl(137 63% 16%);
  --color-accent-950: hsl(137 63% 10%);
  --color-accent: #1f883d;
  --color-neutral-50: #ffffff;
  --color-neutral-100: #000000;
  --color-neutral-200: #9198a1;
  --color-neutral-300: #58635b;
  --color-neutral-400: #59636e;
  --color-neutral-500: #a4aea6;
  --color-neutral-600: #d1d9e0;
  --color-neutral-700: #7c8980;
  --color-neutral-800: #404651;
  --color-neutral-900: #484f58;
  --color-background: #0d1117;
  --color-foreground: #f0f6fc;
  --font-sans: "Mona Sans", system-ui, sans-serif;
  --font-mono: "Mona Sans Mono", ui-monospace, monospace;
  --spacing-1: 1px;
  --spacing-2: 40px;
  --spacing-3: 64px;
  --spacing-4: 80px;
  --spacing-5: 96px;
  --spacing-6: 102px;
  --spacing-7: 112px;
  --spacing-8: 274px;
  --spacing-9: 308px;
  --spacing-10: 384px;
  --spacing-11: 432px;
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 24px;
  --radius-full: 48px;
  --shadow-sm: rgba(209, 217, 224, 0.25) 0px 0px 0px 1px, rgba(37, 41, 46, 0.04) 0px 6px 12px -3px, rgba(37, 41, 46, 0.12) 0px 6px 18px 0px;
  --shadow-md: rgba(209, 217, 224, 0) 0px 0px 0px 1px, rgba(37, 41, 46, 0.24) 0px 40px 80px 0px;
  --shadow-lg: rgba(255, 255, 255, 0) 0px 0px 0px 1px inset;
  --shadow-xl: rgb(61, 68, 77) 0px 0px 0px 1px, rgba(1, 4, 9, 0.4) 0px 6px 12px -3px, rgba(1, 4, 9, 0.4) 0px 6px 18px 0px;
  --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); }
}