/* ============================================================
   COLORS — Modl & Coll.
   Deep navy / anthracite + muted brass-gold accent + warm neutrals.
   Restrained, never loud. Built for WCAG 2.2 AA legibility.
   ============================================================ */
:root {
  /* ---- Primary: Navy / Anthracite ------------------------- */
  --navy-950: #0F1923;   /* deepest — heavy footers, overlays   */
  --navy-900: #14202E;   /* primary dark surface                */
  --navy-800: #1B2A3A;   /* headline ink on light               */
  --navy-700: #243648;   /* hover on dark buttons               */
  --navy-600: #324A60;   /* secondary dark accents              */
  --navy-500: #4A6079;   /* muted navy line / icon              */
  --navy-300: #8FA0B2;   /* navy on dark — muted captions       */
  --navy-100: #DDE4EC;   /* navy tint surface                   */
  --navy-050: #EEF2F6;   /* faint navy wash                     */

  /* ---- Accent: Muted Brass / Gold ------------------------- */
  --brass-800: #5E4A23;  /* deep brass — text on brass tint     */
  --brass-700: #7A5F2E;  /* accent text on white (AA, 5.0:1)    */
  --brass-600: #8A6D34;  /* accent text / strong rule           */
  --brass-500: #A07C3A;  /* core brass — marks, rules, icons    */
  --brass-400: #B5934F;  /* decorative brass                    */
  --brass-300: #CBB079;  /* hairlines on dark                   */
  --brass-200: #E4D6B4;  /* tint border                         */
  --brass-100: #F0E7D2;  /* brass wash surface                  */
  --brass-050: #F8F2E6;  /* faintest brass wash                 */

  /* ---- Neutrals: Warm Grays + Paper ----------------------- */
  --paper:     #FBFAF7;  /* page background — warm off-white     */
  --paper-2:   #F5F3ED;  /* sunken / alternating section        */
  --white:     #FFFFFF;  /* raised card surface                 */
  --warm-100:  #ECE9E2;
  --warm-200:  #DEDAD1;  /* default borders                     */
  --warm-300:  #C7C1B5;  /* strong borders / disabled           */
  --warm-400:  #A8A294;  /* muted icon                          */
  --warm-500:  #847E71;  /* muted text (AA on paper)            */
  --warm-600:  #615C51;  /* secondary text                      */
  --ink-700:   #3A3A37;  /* body text — warm, matches logo gray */
  --ink-800:   #2A2A27;
  --ink-900:   #1C1C19;  /* warm near-black                     */

  /* ---- Semantic: muted, never alarming -------------------- */
  --success-700: #2F5A42; --success-100: #E4EEE7;
  --warning-700: #8A6320; --warning-100: #F6ECD7;
  --danger-700:  #8F362E; --danger-100:  #F3E2DF;
  --info-700:    var(--navy-700); --info-100: var(--navy-050);

  /* ============================================================
     SEMANTIC ALIASES  — author against these, not raw scales
     ============================================================ */
  --bg-page:        var(--paper);
  --bg-sunken:      var(--paper-2);
  --bg-dark:        var(--navy-900);
  --bg-dark-deep:   var(--navy-950);

  --surface-card:   var(--white);
  --surface-tint:   var(--brass-050);
  --surface-navy:   var(--navy-050);

  --text-strong:    var(--navy-800);   /* headlines            */
  --text-body:      var(--ink-700);    /* paragraph            */
  --text-muted:     var(--warm-600);   /* captions, meta — WCAG AA on paper */
  --text-on-dark:   var(--paper);
  --text-on-dark-muted: var(--navy-300);
  --text-accent:    var(--brass-700);

  --accent:         var(--brass-500);
  --accent-strong:  var(--brass-700);
  --accent-soft:    var(--brass-100);
  --on-accent:      var(--navy-900);   /* text on brass fill   */

  --border:         var(--warm-200);
  --border-strong:  var(--warm-300);
  --border-accent:  var(--brass-200);
  --border-on-dark: rgba(255,255,255,0.14);
  --hairline-brass: var(--brass-500);

  --focus-ring:     var(--brass-600);
  --focus-ring-dark:var(--brass-300);

  --link:           var(--brass-700);
  --link-hover:     var(--brass-800);
}