/* ──────────────────────────────────────────────────────────────
   Tailwind v4 @theme — generated by designlang
   site: Vercel: Build and deploy the best web experiences with the AI Cloud
   2026-05-21T11:46:57.588Z
   Drop this above `@import "tailwindcss";`.
   ────────────────────────────────────────────────────────────── */

@import "tailwindcss";

@theme {
  --color-primary-50: hsl(211 100% 97%);
  --color-primary-100: hsl(211 100% 94%);
  --color-primary-200: hsl(211 100% 86%);
  --color-primary-300: hsl(211 100% 76%);
  --color-primary-400: hsl(211 100% 64%);
  --color-primary-500: hsl(211 100% 50%);
  --color-primary-600: hsl(211 100% 40%);
  --color-primary-700: hsl(211 100% 32%);
  --color-primary-800: hsl(211 100% 24%);
  --color-primary-900: hsl(211 100% 16%);
  --color-primary-950: hsl(211 100% 10%);
  --color-primary: #0068d6;
  --color-secondary-50: hsl(208 100% 97%);
  --color-secondary-100: hsl(208 100% 94%);
  --color-secondary-200: hsl(208 100% 86%);
  --color-secondary-300: hsl(208 100% 76%);
  --color-secondary-400: hsl(208 100% 64%);
  --color-secondary-500: hsl(208 100% 50%);
  --color-secondary-600: hsl(208 100% 40%);
  --color-secondary-700: hsl(208 100% 32%);
  --color-secondary-800: hsl(208 100% 24%);
  --color-secondary-900: hsl(208 100% 16%);
  --color-secondary-950: hsl(208 100% 10%);
  --color-secondary: #52aeff;
  --color-accent-50: hsl(212 100% 97%);
  --color-accent-100: hsl(212 100% 94%);
  --color-accent-200: hsl(212 100% 86%);
  --color-accent-300: hsl(212 100% 76%);
  --color-accent-400: hsl(212 100% 64%);
  --color-accent-500: hsl(212 100% 50%);
  --color-accent-600: hsl(212 100% 40%);
  --color-accent-700: hsl(212 100% 32%);
  --color-accent-800: hsl(212 100% 24%);
  --color-accent-900: hsl(212 100% 16%);
  --color-accent-950: hsl(212 100% 10%);
  --color-accent: #0070f3;
  --color-neutral-50: #171717;
  --color-neutral-100: #ebebeb;
  --color-neutral-200: #4d4d4d;
  --color-neutral-300: #ffffff;
  --color-neutral-400: #666666;
  --color-neutral-500: #000000;
  --color-neutral-600: #7d7d7d;
  --color-neutral-700: #a8a8a8;
  --color-neutral-800: #8f8f8f;
  --color-neutral-900: #ebf5ff;
  --color-background: #fafafa;
  --color-foreground: #171717;
  --font-sans: "Geist", system-ui, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, monospace;
  --spacing-1: 1px;
  --spacing-2: 24px;
  --spacing-3: 32px;
  --spacing-4: 36px;
  --spacing-5: 40px;
  --spacing-6: 44px;
  --spacing-7: 48px;
  --spacing-8: 85px;
  --spacing-9: 90px;
  --spacing-10: 96px;
  --spacing-11: 135px;
  --spacing-12: 144px;
  --radius-sm: 2px;
  --radius-md: 5px;
  --radius-lg: 8px;
  --radius-xl: 16px;
  --radius-2xl: 32px;
  --radius-full: 50px;
  --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, rgb(255, 255, 255) 0px 0px 0px 2px, rgb(0, 114, 245) 0px 0px 0px 4px;
  --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, rgb(235, 235, 235) 0px 0px 0px 1px;
  --shadow-lg: rgb(235, 235, 235) 0px 0px 0px 1px;
  --shadow-xl: 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.08) 0px 0px 0px 1px inset;
  --animate-duration-fast: undefined;
  --animate-duration-base: undefined;
  --animate-duration-slow: 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); }
}