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

/* === PRIMITIVES === */
:root {
  --primitive-color-flame-300: #F5A623;
  --primitive-color-flame-400: #F07A1F;
  --primitive-color-flame-500: #D64524;
  --primitive-color-flame-700: #A31621;
  --primitive-color-flame-900: #4E0812;
  --primitive-color-gold-500: #FFC65C;
  --primitive-color-neutral-100: #F5EDE4;
  --primitive-color-neutral-400: #A8988A;
  --primitive-color-neutral-700: #2C211A;
  --primitive-color-neutral-800: #1E1712;
  --primitive-color-neutral-850: #181209;
  --primitive-color-neutral-900: #14100C;
  --primitive-color-neutral-950: #0A0806;
  --primitive-color-alpha-ember-glow: rgba(214,69,36,0.35);
  --primitive-color-alpha-ember-edge: rgba(214,69,36,0.5);
  --primitive-color-alpha-ember-edge-soft: rgba(214,69,36,0.3);
  --primitive-color-alpha-nav-glass: rgba(20,16,12,0.66);
  --primitive-color-alpha-ember-glow-strong: rgba(214,69,36,0.55);
  --primitive-color-alpha-ember-glow-mid: rgba(214,69,36,0.4);
  --primitive-color-alpha-ember-wash: rgba(214,69,36,0.26);
  --primitive-color-alpha-ember-wash-faint: rgba(214,69,36,0.08);
  --primitive-color-alpha-crimson-wash: rgba(163,22,33,0.25);
  --primitive-color-alpha-gold-wash: rgba(245,166,35,0.2);
  --primitive-color-alpha-nav-glass-rest: rgba(20,16,12,0.6);
  --primitive-color-alpha-nav-glass-raised: rgba(20,16,12,0.7);
  --primitive-color-alpha-nav-glass-scrolled: rgba(16,12,9,0.85);
  --primitive-color-alpha-highlight-inset: rgba(255,255,255,0.05);
  --primitive-color-alpha-scrim-card-top: rgba(14,10,7,0.82);
  --primitive-color-alpha-scrim-card-bottom: rgba(14,10,7,0.6);
  --primitive-color-alpha-scrim-overlay: rgba(10,8,6,0.82);
  --primitive-color-alpha-scrim-overlay-deep: rgba(10,8,6,0.88);
  --primitive-color-alpha-scrim-fade: rgba(10,8,6,0.92);
  --primitive-color-alpha-scrim-hero-core: rgba(10,8,6,0.72);
  --primitive-color-alpha-scrim-hero-edge: rgba(10,8,6,0.25);
  --primitive-color-sand-500: #9A6A3E;
  --primitive-color-sand-600: #6B5B4E;
  --primitive-color-sand-700: #6B4A2E;
  --primitive-color-sand-900: #1B1510;
  --primitive-font-family-display: 'Instrument Serif', 'Playfair Display', Georgia, serif;
  --primitive-font-family-body: 'Inter', system-ui, -apple-system, sans-serif;
  --primitive-font-size-label-sm: 0.72rem;
  --primitive-font-size-nav-item: 0.8125rem;
  --primitive-font-size-body-md: 0.92rem;
  --primitive-font-size-heading-md: 1.55rem;
  --primitive-font-size-display-lg: clamp(2.4rem, 5.2vw, 4.4rem);
  --primitive-font-size-display-xl: clamp(3.1rem, 8.5vw, 7rem);
  --primitive-font-weight-regular: 400;
  --primitive-font-weight-medium: 500;
  --primitive-font-tracking-display: -0.02em;
  --primitive-font-tracking-label: 0.16em;
  --primitive-font-leading-display: 1.02;
  --primitive-font-leading-heading: 1.15;
  --primitive-font-leading-body: 1.65;
  --primitive-space-1: 0.25rem;
  --primitive-space-2: 0.5rem;
  --primitive-space-4: 1rem;
  --primitive-space-6: 1.5rem;
  --primitive-space-8: 2rem;
  --primitive-space-12: 3rem;
  --primitive-space-16: 4rem;
  --primitive-radius-sm: 8px;
  --primitive-radius-md: 12px;
  --primitive-radius-lg: 24px;
  --primitive-radius-pill: 999px;
  --primitive-shadow-card: 0 16px 48px rgba(0,0,0,0.6);
  --primitive-shadow-glow: 0 0 32px rgba(214,69,36,0.35);
  --primitive-shadow-lift: 0 8px 24px rgba(0,0,0,0.5);
  --primitive-shadow-modal: 0 30px 90px rgba(0,0,0,0.6);
  --primitive-layout-container-max: 1280px;
  --primitive-layout-gutter: clamp(24px, 6vw, 96px);
  --primitive-layout-section-pad-y: clamp(96px, 13vw, 190px);
  --primitive-breakpoint-sm: 480px;
  --primitive-breakpoint-md: 820px;
  --primitive-breakpoint-lg: 1024px;
  --primitive-breakpoint-xl: 1280px;
  --primitive-easing-ember: cubic-bezier(0.22, 1, 0.36, 1);
  --primitive-duration-reveal-min: 600ms;
  --primitive-duration-reveal-max: 1200ms;
  --primitive-duration-cta-spin: 4500ms;
}

/* === SEMANTIC === */
:root {
  --color-primary: #D64524;
  --color-primary-strong: #A31621;
  --color-primary-deep: #4E0812;
  --color-accent: #F07A1F;
  --color-accent-core: #F5A623;
  --color-gold: #FFC65C;
  --color-background: #0A0806;
  --color-surface: #14100C;
  --color-surface-raised: #1E1712;
  --color-border: #2C211A;
  --color-text: #F5EDE4;
  --color-text-muted: #A8988A;
  --color-glow: rgba(214,69,36,0.35);
  --color-gradient-burn: linear-gradient(160deg, #A31621 0%, #D64524 40%, #F07A1F 70%, #F5A623 92%, #FFC65C 100%);
  --font-display: 'Instrument Serif', 'Playfair Display', Georgia, serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --radius-control: 999px;
  --radius-card: 24px;
  --radius-thumb: 8px;
  --shadow-card: 0 16px 48px rgba(0,0,0,0.6);
  --shadow-glow: 0 0 32px rgba(214,69,36,0.35);
  --space-gutter: clamp(24px, 6vw, 96px);
  --space-section: clamp(96px, 13vw, 190px);
}

/* === COMPONENTS === */
:root {
  --nav-background: rgba(20,16,12,0.66);
  --nav-border: 1px solid {primitive.color.neutral.700};
  --nav-radius: 999px;
  --nav-blur: 20px;
  --button-primary-background: transparent;
  --button-primary-text: #F5EDE4;
  --button-primary-border: 1px solid {primitive.color.alpha.ember-edge};
  --button-primary-radius: 999px;
  --button-primary-padding: 11px 24px;
  --button-hover-background: #D64524;
  --button-hover-text: #0A0806;
  --button-hover-shadow: 0 0 32px rgba(214,69,36,0.35);
  --card-pillar-background: #1E1712;
  --card-pillar-border: 1px solid {primitive.color.neutral.700};
  --card-pillar-radius: 24px;
  --card-pillar-padding: 48px 34px 38px;
  --card-hover-shadow: 0 16px 48px rgba(0,0,0,0.6);
  --card-hover-transform: translateY(-7px);
  --card-hover-border: 1px solid {primitive.color.alpha.ember-edge-soft};
  --statement-border-left: 2px solid {primitive.color.flame.500};
  --statement-padding-left: 32px;
  --statement-font: 'Instrument Serif', 'Playfair Display', Georgia, serif;
  --statement-style: italic;
}