:root {
  --ga-black: #000000;
  --ga-cream: #FAFAF8;
  --ga-cream-2: #F5F0E8;
  --ga-oak: #1A1408;
  --ga-gold: #BB9604;
  --ga-text: #17150F;
  --ga-muted: #6B675E;
  --ga-border: rgba(26, 20, 8, 0.16);
  --ga-container: 80rem;
  --ga-content: 48rem;
  --ga-radius-sm: 0.1875rem;
  --ga-radius-md: 0.375rem;
  --ga-space-1: 0.5rem;
  --ga-space-2: 1rem;
  --ga-space-3: 1.5rem;
  --ga-space-4: 2rem;
  --ga-space-5: 4rem;
  --ga-space-6: 7rem;
  --ga-font-brand: "Anta", sans-serif;
  --ga-font-display: "Cormorant Garamond", serif;
  --ga-font-body: "Jost", system-ui, sans-serif;

  /* Fluid type scale: restrained, clamps between mobile and desktop. */
  --ga-text-xs: 0.8125rem;
  --ga-text-sm: 0.9375rem;
  --ga-text-base: 1rem;
  --ga-text-lg: clamp(1.125rem, 1.05rem + 0.35vw, 1.3rem);
  --ga-text-xl: clamp(1.375rem, 1.2rem + 0.8vw, 1.75rem);
  --ga-text-2xl: clamp(1.75rem, 1.4rem + 1.6vw, 2.5rem);
  --ga-text-3xl: clamp(2.25rem, 1.6rem + 3vw, 3.5rem);

  /* Surface roles: dark hero/header/footer, light body, alt light block. */
  --ga-surface-dark-bg: var(--ga-black);
  --ga-surface-dark-text: var(--ga-cream);
  --ga-surface-dark-muted: rgba(250, 250, 248, 0.7);
  --ga-surface-dark-border: rgba(250, 250, 248, 0.16);
  --ga-surface-light-bg: var(--ga-cream);
  --ga-surface-light-text: var(--ga-text);
  --ga-surface-alt-bg: var(--ga-cream-2);

  --ga-transition-fast: 0.15s ease;

  /* Structural rhythm for the refined visual direction (Plan 005): rule
     weights and letter-tracking reused across the hero, headings, CTAs and
     nav labels instead of one-off values. */
  --ga-border-width: 1px;
  --ga-rule-width: 2px;
  --ga-tracking-wide: 0.04em;
  --ga-tracking-label: 0.14em;
}