/* OGDC — Colour tokens
   Ratio to aim for: ~60% warm neutral · 35% navy · 5% brass.
   Brass is a seasoning, never a large fill and never on the logo.
   Semantic status colours are for DIGITAL PRODUCT UI ONLY —
   never decorative, never on the logo, never in print collateral. */
:root {
  /* ---- Navy (brand anchor) ---- */
  --navy-900: #0C1F3F; /* ink */
  --navy-700: #002B5C; /* BRAND ANCHOR · Pantone 295 C */
  --navy-500: #1F4E89; /* interactive */
  --navy-100: #DDE6F1; /* surface tint */

  /* ---- Warm stone neutrals ---- */
  --stone-900: #1B1A17; /* near-black */
  --stone-700: #44403A; /* body text */
  --stone-500: #7A7468; /* muted / secondary text */
  --stone-300: #C4BCAD; /* hairline / borders */
  --stone-100: #F0ECE3; /* panel */
  --stone-50:  #F7F4EE; /* paper — default page background */
  --white:     #FFFFFF;

  /* ---- Brass accent (small doses only) ---- */
  --brass-700: #7A6438;
  --brass-500: #AD8D57;
  --brass-100: #ECE2CD;

  /* ---- Status (digital UI only) ---- */
  --success: #2F6B4F;
  --warning: #9A6A1F;
  --danger:  #9A3B32;
  --info:    #1F4E89;

  /* ================= Semantic aliases ================= */
  /* Surfaces */
  --surface-page:    var(--stone-50);   /* default warm-paper background */
  --surface-panel:   var(--stone-100);  /* raised/quiet panel */
  --surface-card:    var(--white);      /* card fill */
  --surface-navy:    var(--navy-700);   /* navy field */
  --surface-ink:     var(--navy-900);   /* deepest navy field */
  --surface-tint:    var(--navy-100);   /* soft navy wash */

  /* Text */
  --text-heading:    var(--navy-700);   /* headings + logo */
  --text-body:       var(--stone-700);  /* body copy */
  --text-muted:      var(--stone-500);  /* captions / metadata */
  --text-eyebrow:    var(--brass-700);  /* tracked eyebrows over light */
  --text-on-navy:    var(--white);      /* text reversed on navy */
  --text-on-navy-muted: rgba(255,255,255,0.72);
  --text-eyebrow-on-navy: var(--brass-500);
  --text-link:       var(--navy-500);
  --text-link-hover: var(--navy-700);

  /* Lines & accents */
  --border-hairline: var(--stone-300);
  --border-strong:   var(--stone-500);
  --accent:          var(--brass-500);  /* the brass tick */
  --accent-strong:   var(--brass-700);

  /* Focus */
  --focus-ring: var(--navy-500);
}