/* ──────────────────────────────────────────────────────────────
   Tailwind v4 @theme — generated by designlang
   site: Resend · Email for developers
   2026-06-25T08:26:02.771Z
   Drop this above `@import "tailwindcss";`.
   ────────────────────────────────────────────────────────────── */

@import "tailwindcss";

@theme {
  --color-primary-50: hsl(208 91% 97%);
  --color-primary-100: hsl(208 91% 94%);
  --color-primary-200: hsl(208 91% 86%);
  --color-primary-300: hsl(208 91% 76%);
  --color-primary-400: hsl(208 91% 64%);
  --color-primary-500: hsl(208 91% 50%);
  --color-primary-600: hsl(208 91% 40%);
  --color-primary-700: hsl(208 91% 32%);
  --color-primary-800: hsl(208 91% 24%);
  --color-primary-900: hsl(208 91% 16%);
  --color-primary-950: hsl(208 91% 10%);
  --color-primary: #d6ebfd;
  --color-secondary-50: hsl(202 100% 97%);
  --color-secondary-100: hsl(202 100% 94%);
  --color-secondary-200: hsl(202 100% 86%);
  --color-secondary-300: hsl(202 100% 76%);
  --color-secondary-400: hsl(202 100% 64%);
  --color-secondary-500: hsl(202 100% 50%);
  --color-secondary-600: hsl(202 100% 40%);
  --color-secondary-700: hsl(202 100% 32%);
  --color-secondary-800: hsl(202 100% 24%);
  --color-secondary-900: hsl(202 100% 16%);
  --color-secondary-950: hsl(202 100% 10%);
  --color-secondary: #00a3ff;
  --color-accent-50: hsl(151 100% 97%);
  --color-accent-100: hsl(151 100% 94%);
  --color-accent-200: hsl(151 100% 86%);
  --color-accent-300: hsl(151 100% 76%);
  --color-accent-400: hsl(151 100% 64%);
  --color-accent-500: hsl(151 100% 50%);
  --color-accent-600: hsl(151 100% 40%);
  --color-accent-700: hsl(151 100% 32%);
  --color-accent-800: hsl(151 100% 24%);
  --color-accent-900: hsl(151 100% 16%);
  --color-accent-950: hsl(151 100% 10%);
  --color-accent: #44ffa4;
  --color-neutral-50: #f0f0f0;
  --color-neutral-100: #a1a4a5;
  --color-neutral-200: #ffffff;
  --color-neutral-300: #f1f7fe;
  --color-neutral-400: #464a4d;
  --color-neutral-500: #6c6c6c;
  --color-neutral-600: #000000;
  --color-neutral-700: #e5edfd;
  --color-neutral-800: #70757e;
  --color-neutral-900: #262a2d;
  --color-background: #000000;
  --color-foreground: #ffffff;
  --font-sans: "inter", system-ui, sans-serif;
  --font-mono: "commitMono", ui-monospace, monospace;
  --spacing-1: 1px;
  --spacing-2: 20px;
  --spacing-3: 24px;
  --spacing-4: 28px;
  --spacing-5: 40px;
  --spacing-6: 48px;
  --spacing-7: 62px;
  --spacing-8: 80px;
  --spacing-9: 96px;
  --spacing-10: 104px;
  --spacing-11: 144px;
  --spacing-12: 150px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 24px;
  --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.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px;
  --shadow-md: rgb(0, 0, 0) 0px 0px 0px 8px;
  --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(176, 199, 217, 0.145) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;
  --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, rgb(255, 255, 255) 0px 1px 1px 0px inset;
  --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); }
}