/* ──────────────────────────────────────────────────────────────
   Tailwind v4 @theme — generated by designlang
   site: Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.
   2026-06-12T12:49:38.950Z
   Drop this above `@import "tailwindcss";`.
   ────────────────────────────────────────────────────────────── */

@import "tailwindcss";

@theme {
  --color-primary-50: hsl(340 93% 97%);
  --color-primary-100: hsl(340 93% 94%);
  --color-primary-200: hsl(340 93% 86%);
  --color-primary-300: hsl(340 93% 76%);
  --color-primary-400: hsl(340 93% 64%);
  --color-primary-500: hsl(340 93% 50%);
  --color-primary-600: hsl(340 93% 40%);
  --color-primary-700: hsl(340 93% 32%);
  --color-primary-800: hsl(340 93% 24%);
  --color-primary-900: hsl(340 93% 16%);
  --color-primary-950: hsl(340 93% 10%);
  --color-primary: #ec0853;
  --color-secondary-50: hsl(210 100% 97%);
  --color-secondary-100: hsl(210 100% 94%);
  --color-secondary-200: hsl(210 100% 86%);
  --color-secondary-300: hsl(210 100% 76%);
  --color-secondary-400: hsl(210 100% 64%);
  --color-secondary-500: hsl(210 100% 50%);
  --color-secondary-600: hsl(210 100% 40%);
  --color-secondary-700: hsl(210 100% 32%);
  --color-secondary-800: hsl(210 100% 24%);
  --color-secondary-900: hsl(210 100% 16%);
  --color-secondary-950: hsl(210 100% 10%);
  --color-secondary: #0080ff;
  --color-accent-50: hsl(205 100% 97%);
  --color-accent-100: hsl(205 100% 94%);
  --color-accent-200: hsl(205 100% 86%);
  --color-accent-300: hsl(205 100% 76%);
  --color-accent-400: hsl(205 100% 64%);
  --color-accent-500: hsl(205 100% 50%);
  --color-accent-600: hsl(205 100% 40%);
  --color-accent-700: hsl(205 100% 32%);
  --color-accent-800: hsl(205 100% 24%);
  --color-accent-900: hsl(205 100% 16%);
  --color-accent-950: hsl(205 100% 10%);
  --color-accent: #2ca8ff;
  --color-neutral-50: #000000;
  --color-neutral-100: #ffffff;
  --color-background: #ffffff;
  --color-foreground: #000000;
  --font-sans: "inter", system-ui, sans-serif;
  --font-mono: "plexMono", ui-monospace, monospace;
  --spacing-1: 1px;
  --spacing-2: 57px;
  --spacing-3: 64px;
  --spacing-4: 72px;
  --spacing-5: 96px;
  --spacing-6: 160px;
  --spacing-7: 336px;
  --spacing-8: 400px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 24px;
  --radius-full: 32px;
  --shadow-sm: rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0.129999 -0.00404751 -0.027702 / 0.08) 0px 0px 0px 1px inset, 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, oklab(0.999994 0.0000455678 0.0000200868 / 0.1) 0px 0px 0px 1px inset, 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-lg: 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 20px 25px -5px, rgba(0, 0, 0, 0.1) 0px 8px 10px -6px;
  --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, oklab(0.129999 -0.00404751 -0.027702 / 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;
  --animate-duration-fast: undefined;
  --animate-duration-base: 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); }
}