/* Great Lakes Realty — design tokens
   Canonical values for the live site. Documented in design/tokens.md.
   These var() values equal the literals they replace, so rendering is unchanged.
   A future app can import this same file (or design/tokens.md) for one source of truth. */
:root {
  /* ---- Core palette ---- */
  --glr-ink:        #0a0a0a;   /* primary surface / page background */
  --glr-black:      #000;      /* deepest sections (scroll prompt, CTA backdrops) */
  --glr-cream:      #f5f0e6;   /* primary text */
  --glr-gold:       #d4af37;   /* brand accent (rules, labels, hovers) */
  --glr-gold-light: #f5e1a8;   /* highlight / hover / final caption */

  /* ---- Warm dark gradient stops ---- */
  --glr-warm-1: #14100a;
  --glr-warm-2: #1a1208;
  --glr-warm-3: #0e0a04;

  /* ---- Type ---- */
  --glr-serif: Georgia, 'Times New Roman', serif;   /* headings, body, pitch lines */
  --glr-sans:  Helvetica, Arial, sans-serif;        /* labels, nav, eyebrows (uppercase + tracking) */

  /* ---- Layout ---- */
  --glr-rail-w: 140px;   /* fixed right-rail menu width on desktop */

  /* ---- Common gold alpha (borders, glows) ---- */
  --glr-gold-15: rgba(212, 175, 55, 0.15);
  --glr-gold-18: rgba(212, 175, 55, 0.18);
  --glr-gold-25: rgba(212, 175, 55, 0.25);
  --glr-gold-30: rgba(212, 175, 55, 0.30);
  --glr-gold-40: rgba(212, 175, 55, 0.40);
  --glr-gold-50: rgba(212, 175, 55, 0.50);

  /* ---- Common cream alpha (muted text) ---- */
  --glr-cream-50: rgba(245, 240, 230, 0.50);
  --glr-cream-55: rgba(245, 240, 230, 0.55);
  --glr-cream-70: rgba(245, 240, 230, 0.70);
  --glr-cream-85: rgba(245, 240, 230, 0.85);
}