/* ──────────────────────────────────────────────────────────────
   Tailwind v4 @theme — generated by designlang
   site: The AI workspace that works for you. | Notion
   2026-05-21T11:47:01.486Z
   Drop this above `@import "tailwindcss";`.
   ────────────────────────────────────────────────────────────── */

@import "tailwindcss";

@theme {
  --color-primary-50: hsl(230 62% 97%);
  --color-primary-100: hsl(230 62% 94%);
  --color-primary-200: hsl(230 62% 86%);
  --color-primary-300: hsl(230 62% 76%);
  --color-primary-400: hsl(230 62% 64%);
  --color-primary-500: hsl(230 62% 50%);
  --color-primary-600: hsl(230 62% 40%);
  --color-primary-700: hsl(230 62% 32%);
  --color-primary-800: hsl(230 62% 24%);
  --color-primary-900: hsl(230 62% 16%);
  --color-primary-950: hsl(230 62% 10%);
  --color-primary: #455dd3;
  --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: #0075de;
  --color-accent-50: hsl(230 60% 97%);
  --color-accent-100: hsl(230 60% 94%);
  --color-accent-200: hsl(230 60% 86%);
  --color-accent-300: hsl(230 60% 76%);
  --color-accent-400: hsl(230 60% 64%);
  --color-accent-500: hsl(230 60% 50%);
  --color-accent-600: hsl(230 60% 40%);
  --color-accent-700: hsl(230 60% 32%);
  --color-accent-800: hsl(230 60% 24%);
  --color-accent-900: hsl(230 60% 16%);
  --color-accent-950: hsl(230 60% 10%);
  --color-accent: #213183;
  --color-neutral-50: #000000;
  --color-neutral-100: #f6f5f4;
  --color-neutral-200: #a39e98;
  --color-neutral-300: #ffffff;
  --color-neutral-400: #615d59;
  --color-neutral-500: #78736f;
  --color-neutral-600: #191918;
  --color-neutral-700: #c0c0c0;
  --color-neutral-800: #dddddd;
  --color-background: #ffffff;
  --color-foreground: #000000;
  --font-sans: "NotionInter", system-ui, sans-serif;
  --spacing-1: 2px;
  --spacing-2: 20px;
  --spacing-3: 24px;
  --spacing-4: 28px;
  --spacing-5: 32px;
  --spacing-6: 40px;
  --spacing-7: 44px;
  --spacing-8: 48px;
  --spacing-9: 56px;
  --spacing-10: 60px;
  --spacing-11: 64px;
  --spacing-12: 78px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 50px;
  --radius-full: 100px;
  --shadow-sm: rgba(0, 0, 0, 0) 0px 1px 0px 0px;
  --shadow-md: rgba(0, 0, 0, 0.01) 0px 0.175px 1.041px 0px, rgba(0, 0, 0, 0.02) 0px 0.8px 2.925px 0px, rgba(0, 0, 0, 0.027) 0px 2.025px 7.847px 0px, rgba(0, 0, 0, 0.04) 0px 4px 18px 0px;
  --shadow-lg: rgba(0, 0, 0, 0.016) 0px 0.7px 1.462px 0px, rgba(0, 0, 0, 0.03) 0px 3px 9px 0px;
  --shadow-xl: rgba(0, 0, 0, 0.01) 0px 1px 3px 0px, rgba(0, 0, 0, 0.02) 0px 3px 7px 0px, rgba(0, 0, 0, 0.02) 0px 7px 15px 0px, rgba(0, 0, 0, 0.04) 0px 14px 28px 0px, rgba(0, 0, 0, 0.05) 0px 23px 52px 0px;
  --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); }
}