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

/* === PRIMITIVES === */
:root {
  --primitive-color-walnut-deep: #2A1E17;
  --primitive-color-walnut-base: #3B2A21;
  --primitive-color-walnut-light: #4A3428;
  --primitive-color-ivory-0: #F5EFE4;
  --primitive-color-cream-0: #FBF7EF;
  --primitive-color-warmgrey-0: #C4B6A6;
  --primitive-color-slate-base: #9AA4AE;
  --primitive-color-slate-deep: #5B6570;
  --primitive-color-sandalwood-base: #D6B183;
  --primitive-color-sandalwood-dark: #B98F5C;
  --primitive-color-sandalwood-ink: #2A1E17;
  --primitive-color-maroon-base: #6B2434;
  --primitive-color-maroon-dark: #55202A;
  --primitive-color-mauve-base: #A87E96;
  --primitive-color-mauve-dark: #8E667C;
  --primitive-color-line-hairline: rgba(245,239,228,0.12);
  --primitive-color-line-hairline-strong: rgba(245,239,228,0.20);
  --primitive-color-line-hover-wash: rgba(245,239,228,0.07);
  --primitive-color-line-hover-edge: rgba(245,239,228,0.30);
  --primitive-color-scrim-vertical: linear-gradient(0deg,#2A1E17 1%,rgba(42,30,23,.45) 22%,rgba(42,30,23,0) 55%);
  --primitive-color-scrim-horizontal: linear-gradient(90deg,#2A1E17 0%,rgba(42,30,23,.88) 10%,rgba(42,30,23,.22) 38%,rgba(42,30,23,0) 66%);
  --primitive-color-primary-50: #D5D1CD;
  --primitive-color-primary-100: #BBB3AC;
  --primitive-color-primary-200: #968A80;
  --primitive-color-primary-300: #716154;
  --primitive-color-primary-400: #4E3D32;
  --primitive-color-primary-500: #2A1E17;
  --primitive-color-primary-600: #3B2A21;
  --primitive-color-primary-700: #221812;
  --primitive-color-primary-800: #1A130E;
  --primitive-color-primary-900: #120D0A;
  --primitive-color-secondary-50: #FDFBF7;
  --primitive-color-secondary-100: #FBF7EF;
  --primitive-color-secondary-200: #F9F4EA;
  --primitive-color-secondary-300: #F7F2E7;
  --primitive-color-secondary-400: #F6F1E6;
  --primitive-color-secondary-500: #F5EFE4;
  --primitive-color-secondary-600: #D0CBC2;
  --primitive-color-secondary-700: #C4B6A6;
  --primitive-color-secondary-800: #9A9288;
  --primitive-color-secondary-900: #706B63;
  --primitive-color-accent-50: #F7F0E7;
  --primitive-color-accent-100: #F0E3D0;
  --primitive-color-accent-200: #E7D2B2;
  --primitive-color-accent-300: #DFC29B;
  --primitive-color-accent-400: #DAB98F;
  --primitive-color-accent-500: #D6B183;
  --primitive-color-accent-600: #B98F5C;
  --primitive-color-accent-700: #A07B4E;
  --primitive-color-accent-800: #86663F;
  --primitive-color-accent-900: #6E5433;
  --primitive-color-maroonScale-500: #6B2434;
  --primitive-color-maroonScale-600: #55202A;
  --primitive-color-maroonScale-700: #3F1820;
  --primitive-color-mauveScale-400: #CBA3B3;
  --primitive-color-mauveScale-500: #A87E96;
  --primitive-color-mauveScale-600: #8E667C;
  --primitive-color-tint-mauve: #F4E9EE;
  --primitive-color-tint-sandalwood: #F8F0E2;
  --primitive-color-tint-slate: #EDEFF1;
  --primitive-color-tint-cream-deep: #F3EDE2;
  --primitive-space-1: 4px;
  --primitive-space-2: 8px;
  --primitive-space-3: 16px;
  --primitive-space-4: 24px;
  --primitive-space-5: 32px;
  --primitive-space-6: 48px;
  --primitive-space-7: 64px;
  --primitive-space-8: 96px;
  --primitive-space-gutter: clamp(20px,4vw,64px);
  --primitive-space-nav-h: 64px;
  --primitive-font-display: 'Bricolage Grotesque', 'Segoe UI', system-ui, sans-serif;
  --primitive-font-body: 'Figtree', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --primitive-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --primitive-fontSize-display: clamp(40px,5.8vw,84px);
  --primitive-fontSize-display-short: clamp(38px,4.8vw,70px);
  --primitive-fontSize-caption: 19px;
  --primitive-fontSize-stat: 25px;
  --primitive-fontSize-base: 16px;
  --primitive-fontSize-btn-lg: 15px;
  --primitive-fontSize-btn-sm: 12.5px;
  --primitive-fontSize-body: clamp(15.5px,1.15vw,18px);
  --primitive-fontSize-nav: 13.5px;
  --primitive-fontSize-mark: 11px;
  --primitive-fontSize-label: 10.5px;
  --primitive-fontSize-label-small: 10px;
  --primitive-fontSize-kicker-sm: 9.5px;
  --primitive-size-dot: 6px;
  --primitive-breakpoint-hero-split: 1080px;
  --primitive-breakpoint-short-viewport-max: 920px;
  --primitive-breakpoint-short-viewport-min-width: 1081px;
  --primitive-breakpoint-narrow: 520px;
  --primitive-lineHeight-display: 0.99;
  --primitive-lineHeight-body: 1.6;
  --primitive-lineHeight-tight: 1.3;
  --primitive-tracking-display: -0.022em;
  --primitive-tracking-label: 0.14em;
  --primitive-tracking-kicker: 0.22em;
  --primitive-radius-card: 28px;
  --primitive-radius-panel: 36px;
  --primitive-radius-arch: 999px 999px 28px 28px;
  --primitive-radius-pill: 9999px;
  --primitive-radius-sm: 14px;
  --primitive-duration-fast: 150ms;
  --primitive-duration-normal: 200ms;
  --primitive-duration-slow: 250ms;
  --primitive-duration-entrance: 720ms;
  --primitive-easing-standard: cubic-bezier(.22,.61,.36,1);
  --primitive-measure-body-ch: 44ch;
  --primitive-measure-content-max: 1440px;
  --primitive-shadow-warm-sm: 0 2px 6px rgba(59,42,33,0.06), 0 10px 24px rgba(59,42,33,0.06);
  --primitive-shadow-warm-md: 0 6px 16px rgba(59,42,33,0.08), 0 24px 48px rgba(59,42,33,0.08);
}

/* === SEMANTIC === */
:root {
  --color-canvas: #FBF7EF;
  --color-surface: #F5EFE4;
  --color-surface-2: #F3EDE2;
  --color-canvas-dark: #2A1E17;
  --color-text-primary: #3B2A21;
  --color-text-body: #5B6570;
  --color-text-label: #5B6570;
  --color-text-on-dark: #F5EFE4;
  --color-accent: #6B2434;
  --color-accent-hover: #55202A;
  --color-accent-foreground: #F5EFE4;
  --color-accent-on-light: #6B2434;
  --color-playful: #A87E96;
  --color-playful-tint: #F4E9EE;
  --color-decor: #D6B183;
  --color-decor-tint: #F8F0E2;
  --color-cool-tint: #EDEFF1;
  --color-border: rgba(59,42,33,0.14);
  --color-border-strong: rgba(59,42,33,0.24);
  --color-focus-ring: #6B2434;
  --color-shadow: 0 6px 16px rgba(59,42,33,0.08), 0 24px 48px rgba(59,42,33,0.08);
  --color-shadow-sm: 0 2px 6px rgba(59,42,33,0.06), 0 10px 24px rgba(59,42,33,0.06);
  --space-tight: 8px;
  --space-component: 16px;
  --space-block: 24px;
  --space-section: 64px;
  --space-page: clamp(20px,4vw,64px);
  --radius-control: 9999px;
  --radius-surface: 28px;
  --radius-panel: 36px;
  --radius-arch: 999px 999px 28px 28px;
  --radius-chip: 14px;
  --motion-duration: 200ms;
  --motion-ease: cubic-bezier(.22,.61,.36,1);
  --typography-font-display: 'Bricolage Grotesque', 'Segoe UI', system-ui, sans-serif;
  --typography-font-body: 'Figtree', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --typography-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --typography-size-display: clamp(40px,5.8vw,84px);
  --typography-size-body: clamp(15.5px,1.15vw,18px);
  --typography-size-label: 10.5px;
}

/* === COMPONENTS === */
:root {
  --button-primary-bg: #6B2434;
  --button-primary-bg-hover: #55202A;
  --button-primary-fg: #F5EFE4;
  --button-secondary-bg: #F5EFE4;
  --button-secondary-fg: #3B2A21;
  --button-secondary-border: rgba(59,42,33,0.24);
  --button-radius: 9999px;
  --button-padding-x: 22px;
  --button-padding-y: 13px;
  --button-padding-x-lg: 30px;
  --button-padding-y-lg: 17px;
  --button-press-scale: 0.97;
  --button-min-hit: 46px;
  --button-font-size: 13.5px;
  --button-secondary-bg-hover: rgba(245,239,228,0.07);
  --button-secondary-border-hover: rgba(245,239,228,0.30);
  --nav-height: 72px;
  --nav-bg: rgba(251,247,239,0.82);
  --nav-blur: blur(16px) saturate(1.05);
  --nav-border: rgba(59,42,33,0.14);
  --tile-bg: #F5EFE4;
  --tile-border: rgba(59,42,33,0.14);
  --tile-radius: 28px;
  --tile-radius-panel: 36px;
  --tile-shadow: 0 2px 6px rgba(59,42,33,0.06), 0 10px 24px rgba(59,42,33,0.06);
  --tile-shadow-hover: 0 6px 16px rgba(59,42,33,0.08), 0 24px 48px rgba(59,42,33,0.08);
  --tile-lift: -6px;
  --chip-bg: #F4E9EE;
  --chip-fg: #3B2A21;
  --chip-radius: 14px;
  --chip-padding-x: 12px;
  --chip-padding-y: 6px;
  --band-bg: #6B2434;
  --band-fg: #F5EFE4;
  --band-radius: 36px;
  --caption-fg: #5B6570;
  --caption-title-fg: #3B2A21;
  --link-fg: #5B6570;
  --link-fg-hover: #3B2A21;
  --kicker-fg: #5B6570;
  --kicker-dot: #6B2434;
  --kicker-dot-halo: rgba(107,36,52,0.14);
  --plate-tag-title-fg: #3B2A21;
  --plate-tag-meta-fg: #5B6570;
  --plate-tag-inset: 32px;
  --stat-figure-fg: #3B2A21;
  --stat-label-fg: #5B6570;
  --stat-rule: rgba(59,42,33,0.14);
  --photo-scrim-horizontal: linear-gradient(90deg,rgba(42,30,23,.88),rgba(42,30,23,.22) 38%,rgba(42,30,23,0) 66%);
  --photo-scrim-vertical: linear-gradient(0deg,rgba(42,30,23,.88),rgba(42,30,23,.42) 58%,rgba(42,30,23,0));
}