/* Hallmark · redesign pass · 2026-08-24
 * Design system: Auspicious Heritage — Illuminated Tradition
 * Fonts: Libre Caslon Text (display) · Manrope (body)
 * Strategy: Committed — deep maroon + royal bronze on warm parchment
 */

:root {
  /* ── Surfaces ── */
  --color-surface:                  #fff8f5;
  --color-surface-dim:              #e1d8d4;
  --color-surface-bright:           #fff8f5;
  --color-surface-container-lowest: #fffcfa;
  --color-surface-container-low:    #fbf2ed;
  --color-surface-container:        #f5ece7;
  --color-surface-container-high:   #efe6e2;
  --color-surface-variant:          #e9e1dc;
  --color-outline:                  #8c7071;
  --color-outline-variant:          #e0bfbf;

  /* ── Primary — deep maroon ── */
  --color-primary:           #570013;
  --color-primary-container: #800020;
  --color-on-primary:        #ffffff;
  --color-inverse-primary:   #ffb3b5;

  /* ── Secondary — royal bronze ── */
  --color-secondary:           #7b5800;
  --color-secondary-container: #fdc34d;
  --color-on-secondary:        #ffffff;
  --color-secondary-dim:       #f7bd48;

  /* ── Tertiary — charcoal ── */
  --color-tertiary:          #282821;
  --color-tertiary-alt:      #3e3d36;
  --color-on-tertiary:       #ffffff;
  --color-tertiary-muted:    #cac6bc;

  /* ── Text ── */
  --color-on-surface:         #1e1b18;
  --color-on-surface-variant: #584141;
  --color-inverse-on-surface: #f8efea;

  /* ── Bronze accent (raw hex for opacity tricks) ── */
  --color-bronze: #B8860B;

  /* ── Hero photographic overlay (Kortrijk Xpo DNA) ── */
  --color-hero-overlay-1: rgba(87, 0, 19, 0.18);
  --color-hero-overlay-2: rgba(87, 0, 19, 0.55);
  --color-hero-overlay-3: rgba(87, 0, 19, 0.88);
  --color-hero-overlay-side: rgba(87, 0, 19, 0.75);
  --color-hero-fallback:   #570013;
  --color-on-hero:         #ffffff;
  --color-on-hero-muted:   rgba(255, 255, 255, 0.82);
  --color-on-hero-dim:     rgba(255, 255, 255, 0.75);
  --color-on-hero-border:  rgba(255, 255, 255, 0.45);
  --color-on-hero-border-hover: rgba(255, 255, 255, 0.8);
  --color-on-hero-wash:    rgba(255, 255, 255, 0.08);
  --color-hero-star-core:  #ffffff;
  --color-hero-star-glow:  rgba(253, 220, 150, 0.75);
  --color-hero-orbit-line: rgba(253, 220, 150, 0.4);
  --color-hero-orbit-halo: rgba(253, 220, 150, 0.08);

  /* ── Fonts ── */
  --font-display: 'Libre Caslon Text', Georgia, 'Times New Roman', serif;
  --font-body:    'Manrope', system-ui, -apple-system, sans-serif;

  /* ── Type scale ── */
  --text-display:     clamp(2.25rem, 6vw, 4rem);
  --text-headline-lg: clamp(1.65rem, 3.5vw, 2rem);
  --text-headline-md: clamp(1.2rem, 2.5vw, 1.5rem);
  --text-body-lg:     1.125rem;
  --text-body-md:     1rem;
  --text-label-sm:    0.75rem;

  /* ── Spacing ── */
  --space-base:      0.5rem;
  --space-gutter:    1rem;
  --space-sm:        0.75rem;
  --space-md:        1.5rem;
  --space-lg:        3rem;
  --space-xl:        4.5rem;
  --space-container: clamp(1.25rem, 5vw, 4rem);

  /* ── Radius ── */
  --radius-sm:   0.125rem;
  --radius-md:   0.25rem;
  --radius-lg:   0.5rem;
  --radius-xl:   0.75rem;
  --radius-2xl:  1.5rem;
  --radius-full: 9999px;

  /* ── Shadows ── */
  --shadow-ambient: 0px 4px 20px rgba(128, 0, 32, 0.05);
  --shadow-card:    0px 2px 12px rgba(128, 0, 32, 0.08);
  --shadow-button:  0px 8px 24px rgba(128, 0, 32, 0.20);

  /* ── Motion ── */
  --ease-out:   cubic-bezier(0.16, 1, 0.3, 1);
  --dur-base:   250ms;
  --dur-slow:   400ms;
  --dur-slower: 700ms;
}