/*
 * RBV Design Tokens — v2
 * Source: Ezra Visual Unification spec (2026-06-02), Gus's exact design system values.
 * Canonical names match Gus's Tailwind custom properties for future migration parity.
 *
 * ONLY :root custom properties here. No selectors, no component styles.
 * Component styles → ezra-v2.css. Page-specific tweaks → each template's inline <style>.
 */

:root {
  /* ── Color ────────────────────────────────────────────────────────────── */
  --color-ink:          #111111;  /* Primary text, headings */
  --color-muted:        #525252;  /* Body, secondary text */
  --color-subtle:       #8A8A8A;  /* Captions, metadata, placeholders */
  --color-brand:        #B23B30;  /* Accent — CTAs, eyebrows, active stars. NOT workhorse buttons. */
  --color-brand-hover:  #9a3329;  /* Brand button :hover */
  --color-brand-active: #85291f;  /* Brand button :active */
  --color-blush:        #F8E9E7;  /* Soft brand surface */
  --color-sand:         #F4F1EE;  /* Warm neutral surface */
  --color-sand-active:  #ece8e3;  /* Sand :hover/:active */
  --color-border:       #E6E6E6;  /* Hairline borders, dividers */
  --color-bg:           #FAFAFA;  /* Page background */
  --color-surface:      #FFFFFF;  /* Cards, panels */
  --color-glow:         #D97757;  /* Decorative inset only — do not apply broadly */
  --color-good:         #16a34a;  /* Semantic: positive verdict (Good button, score-high) */
  --color-invalid:      #b91c1c;  /* Semantic: negative verdict (Invalid button) */

  /* ── Typography ───────────────────────────────────────────────────────── */
  --font-sans:  ui-sans-serif, -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;

  /* ── Layout ───────────────────────────────────────────────────────────── */
  --max-content: 1200px;  /* Full-layout pages */
  --max-prose:    820px;  /* Prose/reading pages */

  /* ── Shape ────────────────────────────────────────────────────────────── */
  --radius:      4px;
  --radius-lg:  10px;
  --radius-pill: 9999px;

  /* ── Type detail ──────────────────────────────────────────────────────── */
  --eyebrow-tracking: 0.18em;

  /* ── Spacing ──────────────────────────────────────────────────────────── */
  --space-1:   4px;
  --space-2:   8px;
  --space-3:  16px;
  --space-4:  24px;
  --space-5:  40px;
  --space-6:  80px;
  --space-7: 112px;
}