/* =========================================================
   YRVB Design Tokens
   Single source of truth for color, type rhythm, spacing, etc.
   Scope on #page to avoid global/plugin collisions.
========================================================= */

#page{
  /* ---------- Brand Palette (Authoritative) ---------- */
  --yrvb-blue: #0A2342;        /* Primary brand blue */
  --yrvb-blue-dark: #0A2342;   /* Alias (kept for compatibility) */
  --yrvb-blue-light: #1E5AA8;  /* UI/link accent (optional) */

  --yrvb-burgundy: #800020;    /* Primary CTA color */
  --yrvb-gold: #D4A853;        /* Accent only */
  --yrvb-gold-light: #F8C973;  /* Light gold used for gradients/secondary CTA fills */

  /* Compatibility aliases used across some page CSS */
  --yrvb-gold-solid: var(--yrvb-gold);
  --yrvb-gold-cta: var(--yrvb-gold-light);

  /* ---------- Neutrals ---------- */
  --yrvb-ink: #0B1220;
  --yrvb-charcoal: #333333;
  --yrvb-slate: #5B6475;
  --yrvb-slate-light: #8B95A7;

  --yrvb-bg: #F6F8FC;
  --yrvb-offwhite: var(--yrvb-bg);
  --yrvb-white: #FFFFFF;

  --yrvb-border: rgba(16,24,40,.12);

  /* ---------- Layout ---------- */
  --yrvb-max: 1200px;
  --yrvb-gutter: 24px;

  /* ---------- Radius ---------- */
  --yrvb-radius: 18px;
  --yrvb-radius-sm: 12px;
  --yrvb-radius-lg: var(--yrvb-radius);

  /* ---------- Shadows ---------- */
  --yrvb-shadow: 0 18px 45px rgba(0,0,0,.16);
  --yrvb-shadow-soft: 0 10px 28px rgba(16,24,40,.12);

  /* ---------- Typography (Brand Fonts) ---------- */
  --yrvb-font-body: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --yrvb-font-display: "Playfair Display", Georgia, "Times New Roman", serif;

  --yrvb-text: 16px;
  --yrvb-line: 1.6;

  /* ---------- Spacing Scale ---------- */
  --yrvb-space-1: 8px;
  --yrvb-space-2: 12px;
  --yrvb-space-3: 16px;
  --yrvb-space-4: 24px;
  --yrvb-space-5: 32px;
  --yrvb-space-6: 48px;
  --yrvb-space-7: 64px;

  /* ---------- Component Defaults ---------- */
  --yrvb-card-bg: var(--yrvb-white);
  --yrvb-card-border: var(--yrvb-border);
  --yrvb-btn-radius: 999px;
  --yrvb-focus: 0 0 0 3px rgba(10,35,66,.25);

  /* ---------- Hero Defaults (overridable per page) ---------- */
  --yrvb-hero-bg: linear-gradient(135deg, rgba(10,35,66,.12), rgba(212,168,83,.10));
  --yrvb-hero-ink: var(--yrvb-ink);
}