/* Faceless Author tokens — adapted from the pack's design-tokens.css (remote font @import removed;
   fonts are self-hosted in fonts.css).
   Exact source swatches: #040505, #4D1018, #8F8273, #D8C5B2. */
:root {
  /* Four master swatches */
  --fa-bg: #040505;
  --fa-burgundy: #4d1018;
  --fa-taupe: #8f8273;
  --fa-ivory: #d8c5b2;

  /* Implementation extensions (not master swatches) */
  --fa-surface: #131211;                       /* proposed raised panel, from the handoff */
  --fa-burgundy-hover: #5c1620;                /* tonal hover for the primary button */
  --fa-line: rgba(216, 197, 178, 0.3);
  --fa-line-soft: rgba(216, 197, 178, 0.16);

  --fa-text: var(--fa-ivory);
  --fa-text-muted: var(--fa-taupe);
  --fa-focus: var(--fa-ivory);

  /* Fonts — change the pairing here and in fonts.css */
  --fa-display: 'Cormorant Garamond', Georgia, serif;
  --fa-ui: 'Source Sans 3', Arial, sans-serif;

  --fa-space-1: 0.25rem;
  --fa-space-2: 0.5rem;
  --fa-space-3: 0.75rem;
  --fa-space-4: 1rem;
  --fa-space-6: 1.5rem;
  --fa-space-8: 2rem;
  --fa-space-12: 3rem;
  --fa-space-16: 4rem;
  --fa-space-24: 6rem;

  --fa-content-width: 76rem;
  --fa-gutter: clamp(1.25rem, 4vw, 4rem);
  --fa-radius: 0;
  --fa-header-h: 6.5rem;

  /* Fog motion. --fa-fog-speed drives the living (WebGL) fog: 1 = as designed, 0.5 = half speed,
     2 = double, 0 = off (static fog images). The cycle/play values only apply to the image fallback. */
  --fa-fog-speed: 1;
  --fa-fog-cycle: 180s;
  --fa-fog-play: running;
}
@media (max-width: 59.99rem) {
  :root { --fa-header-h: 4.75rem; }
}