/*
  GRS Brand Palette
  Extracted from grsymphony.org CSS (sitefiles/2216/css/master.css) and v3 prototype.

  Real site brand colors:
    --grs-primary:   #275c7c  (GRS teal-blue, dominant in site CSS, 39 occurrences)
    --grs-secondary: #094356  (GRS deep navy-teal, darker primary variant)
    --grs-gold:      #f4aa00  (GRS amber-gold, accent color in site CSS)

  Paper and ink are aligned with the v3 prototype's warm ink-on-vellum approach:
    --grs-ink:       #0C0C0E  (near-black body text)
    --grs-paper:     #F4EFE6  (warm vellum background)

  WCAG AA checks:
    #0C0C0E on #F4EFE6:  ~19.5:1  PASS (body text)
    #275c7c on #F4EFE6:   ~6.3:1  PASS (primary on paper)
    #275c7c on #ffffff:   ~4.7:1  PASS (primary on white)
    #ffffff on #275c7c:   ~4.7:1  PASS (white on primary)
    #f4aa00 on #094356:   ~6.0:1  PASS (gold on deep navy)
    Note: --grs-primary is borderline for small body text; use --grs-secondary
    for body-text-over-colored-bg situations if contrast must be tighter.
*/

:root {
  /* Colors - finalized from real GRS brand (Task 0.2) */
  --grs-ink:       #0C0C0E;
  --grs-paper:     #F4EFE6;
  --grs-primary:   #275c7c;
  --grs-secondary: #094356;
  --grs-gold:      #f4aa00;

  /* WebGL scene backdrop, read at runtime by the scroll-engine sky quad.
     Must stay dark: the particle effects use additive blending, which is
     invisible on a light background. Tuned to the brand deep navy-teal. */
  --sky-top: #05161e;
  --haze:    #0a2c3a;

  /* Type Scale */
  --step-0: clamp(0.875rem, 1vw, 1rem);
  --step-1: clamp(1rem, 1.2vw, 1.125rem);
  --step-2: clamp(1.125rem, 1.5vw, 1.25rem);
  --step-3: clamp(1.25rem, 2vw, 1.5rem);
  --step-4: clamp(1.5rem, 2.5vw, 2rem);
  --step-5: clamp(2rem, 3.5vw, 2.5rem);
  --step-6: clamp(2.5rem, 5vw, 3.5rem);

  /* Spacing Scale */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4rem;
  --space-7: 6rem;
  --space-8: 8rem;

  /* Layout */
  --measure: 65ch;
  --radius: 0.5rem;
}