/* Design Tokens - Auto-generated */
/* Do not edit directly - modify tokens.json instead */

/* === PRIMITIVES === */
:root {
  --primitive-color-navy-50: #EEF1F7;
  --primitive-color-navy-100: #DCE2EE;
  --primitive-color-navy-600: #1E3468;
  --primitive-color-navy-700: #14244F;
  --primitive-color-navy-800: #0C1733;
  --primitive-color-gold-100: #F2E8D6;
  --primitive-color-gold-300: #DDBF86;
  --primitive-color-gold-400: #C9A56B;
  --primitive-color-gold-600: #8A6631;
  --primitive-color-gold-700: #7A5A2B;
  --primitive-color-sand-50: #FBF8F3;
  --primitive-color-sand-100: #F7F3EC;
  --primitive-color-sand-200: #EFE8DC;
  --primitive-color-ink-400: #8A91A1;
  --primitive-color-ink-600: #545E72;
  --primitive-color-ink-900: #18213A;
  --primitive-color-green-50: #EEF6F0;
  --primitive-color-green-200: #D2E8D9;
  --primitive-color-green-400: #4ADE80;
  --primitive-color-green-600: #2E7D4F;
  --primitive-color-green-800: #1F5133;
  --primitive-color-red-700: #A12A2A;
  --primitive-color-white: #FFFFFF;
  --primitive-space-0: 0;
  --primitive-space-1: 4px;
  --primitive-space-2: 8px;
  --primitive-space-3: 12px;
  --primitive-space-4: 16px;
  --primitive-space-5: 20px;
  --primitive-space-6: 24px;
  --primitive-space-7: 28px;
  --primitive-space-8: 32px;
  --primitive-space-9: 36px;
  --primitive-space-10: 40px;
  --primitive-space-11: 44px;
  --primitive-space-12: 48px;
  --primitive-space-14: 56px;
  --primitive-space-16: 64px;
  --primitive-space-18: 72px;
  --primitive-space-20: 80px;
  --primitive-space-24: 96px;
  --primitive-fontSize-xs: 0.8125rem;
  --primitive-fontSize-sm: 0.875rem;
  --primitive-fontSize-md: 0.9375rem;
  --primitive-fontSize-base: 1rem;
  --primitive-fontSize-lg: 1.0625rem;
  --primitive-fontSize-xl: 1.2rem;
  --primitive-fontSize-2xl: 1.45rem;
  --primitive-fontSize-3xl: 1.85rem;
  --primitive-fontWeight-regular: 400;
  --primitive-fontWeight-medium: 500;
  --primitive-fontWeight-semibold: 600;
  --primitive-lineHeight-tight: 1.1;
  --primitive-lineHeight-snug: 1.35;
  --primitive-lineHeight-normal: 1.5;
  --primitive-lineHeight-relaxed: 1.65;
  --primitive-radius-sm: 10px;
  --primitive-radius-md: 16px;
  --primitive-radius-lg: 22px;
  --primitive-radius-full: 999px;
  --primitive-shadow-sm: 0 1px 2px rgba(12,23,51,.05);
  --primitive-shadow-md: 0 20px 40px -24px rgba(12,23,51,.28);
  --primitive-shadow-lg: 0 32px 64px -32px rgba(12,23,51,.38);
  --primitive-shadow-xl: 0 30px 70px -20px rgba(12,23,51,.45);
  --primitive-duration-fast: 150ms;
  --primitive-duration-base: 250ms;
  --primitive-duration-slow: 450ms;
  --primitive-duration-reveal: 900ms;
  --primitive-easing-standard: ease-in-out;
  --primitive-easing-out: cubic-bezier(.16,1,.3,1);
}

/* === SEMANTIC === */
:root {
  --color-background: #F7F3EC;
  --color-background-alt: #EFE8DC;
  --color-surface: #FFFFFF;
  --color-surface-muted: #FBF8F3;
  --color-text: #18213A;
  --color-text-muted: #545E72;
  --color-text-subtle: #8A91A1;
  --color-heading: #14244F;
  --color-primary: #14244F;
  --color-primary-hover: #1E3468;
  --color-primary-active: #0C1733;
  --color-on-primary: #FFFFFF;
  --color-accent: #C9A56B;
  --color-accent-hover: #DDBF86;
  --color-accent-soft: #F2E8D6;
  --color-accent-strong: #8A6631;
  --color-accent-text: #7A5A2B;
  --color-inverse: #14244F;
  --color-inverse-deep: #0C1733;
  --color-on-inverse: #FFFFFF;
  --color-border: rgba(20,36,79,.11);
  --color-border-strong: rgba(20,36,79,.22);
  --color-success: #2E7D4F;
  --color-success-soft: #EEF6F0;
  --color-success-border: #D2E8D9;
  --color-success-text: #1F5133;
  --color-online: #4ADE80;
  --color-error: #A12A2A;
  --color-focus-ring: #14244F;
  --color-focus-ring-inverse: #DDBF86;
  --font-display: "Inter Display","Inter","Inter Fallback",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-body: "Inter","Inter Fallback",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --text-label: 0.8125rem;
  --text-small: 0.875rem;
  --text-body-sm: 0.9375rem;
  --text-body: 1.0625rem;
  --text-lead: clamp(1.05rem,1.25vw,1.16rem);
  --text-h3: 1.2rem;
  --text-h1: clamp(2.45rem,4.6vw,4rem);
  --text-h2: clamp(1.9rem,3.2vw,2.75rem);
  --text-quote: clamp(1.55rem,2.9vw,2.4rem);
  --layout-max: 1200px;
  --layout-gutter: 24px;
  --layout-header-h: 76px;
  --layout-section: clamp(64px,7vw,96px);
  --layout-head-gap: clamp(36px,4vw,52px);
  --ring-width: 3px;
  --ring-offset: 2px;
  --touch-min: 44px;
  --motion-fast: 150ms;
  --motion-base: 250ms;
  --motion-slow: 450ms;
  --motion-reveal: 900ms;
  --motion-ease: cubic-bezier(.16,1,.3,1);
  --motion-exit: 200ms;
  --motion-stagger: 50ms;
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-9: 36px;
  --space-10: 40px;
  --space-11: 44px;
  --space-12: 48px;
  --space-14: 56px;
  --space-16: 64px;
  --space-18: 72px;
  --space-20: 80px;
  --space-24: 96px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --radius-full: 999px;
  --shadow-sm: 0 1px 2px rgba(12,23,51,.05);
  --shadow-md: 0 20px 40px -24px rgba(12,23,51,.28);
  --shadow-lg: 0 32px 64px -32px rgba(12,23,51,.38);
  --shadow-xl: 0 30px 70px -20px rgba(12,23,51,.45);
  --z-base: 0;
  --z-raised: 1;
  --z-header: 60;
  --z-bar: 80;
  --z-fab: 90;
  --z-dialog: 95;
  --z-progress: 100;
  --z-skip: 200;
}

/* === COMPONENTS === */
:root {
  --button-height: 52px;
  --button-height-sm: 44px;
  --button-padding-x: 28px;
  --button-radius: 999px;
  --button-font-size: 0.97rem;
  --button-bg: #14244F;
  --button-bg-hover: #1E3468;
  --button-bg-active: #0C1733;
  --button-fg: #FFFFFF;
  --button-gold-bg: #C9A56B;
  --button-gold-bg-hover: #DDBF86;
  --button-gold-fg: #0C1733;
  --card-padding: 32px 30px;
  --card-radius: 16px;
  --card-gap: 20px;
  --card-bg: #FFFFFF;
  --panel-radius: 22px;
  --panel-padding: 32px;
  --icon-sm: 16px;
  --icon-md: 20px;
  --icon-lg: 22px;
  --icon-box: 46px;
  --fab-size: 56px;
  --fab-offset: 24px;
  --chat-width: 390px;
  --chat-height: 600px;
  --chat-radius: 20px;
  --portrait-width: 300px;
}