/* ───────────────────────────────────────────────────────────
   Sonora · Color
   Chalky, matte, earthy. Limewash plaster & desert sand grounds,
   deep charcoal ink, terracotta / sage / sandstone accents.
   All hues carry a warm bias — there are no pure greys here.
   ─────────────────────────────────────────────────────────── */

:root {
  /* ── Warm neutral ground (limewash → adobe → ink) ───────── */
  --paper:        #F7F2E8; /* limewash plaster — primary canvas        */
  --paper-sunk:   #F0E9DA; /* recessed wells, table zebra              */
  --sand-100:     #E9DEC9; /* raised panels, sand                      */
  --sand-200:     #DCCDB0; /* sandstone fill                           */
  --sand-300:     #CBB792; /* deep sand                                */

  --line:         #D8CBB2; /* default hairline on paper                */
  --line-strong:  #C2B193; /* emphasized hairline / matrix grid        */
  --line-ink:     #B7A788; /* hairline over sand panels                */

  --ink-900:      #211F1A; /* deep charcoal — primary text             */
  --ink-700:      #3A372E; /* secondary text                          */
  --ink-500:      #6A6353; /* muted / captions                        */
  --ink-400:      #8C846F; /* placeholder, disabled ink               */
  --ink-on-dark:  #F2EADB; /* text on charcoal grounds                */

  --charcoal:     #211F1A; /* solid dark ground (inverse surfaces)    */
  --charcoal-700: #322E26;

  /* ── Terracotta — primary accent, action, the "prove" mark ─ */
  --terracotta-700: #8C3A20;
  --terracotta-600: #A8482A;
  --terracotta-500: #BD5A3A;
  --terracotta-400: #CE7556;
  --terracotta-100: #EBD3C4; /* tint fill                              */
  --terracotta-050: #F3E2D6;

  /* ── Sage — verified, positive, accuracy ──────────────────── */
  --sage-700:     #4C5840;
  --sage-600:     #5E6B4D;
  --sage-500:     #79876A;
  --sage-400:     #97A488;
  --sage-100:     #DCE0CF;
  --sage-050:     #E9ECDD;

  /* ── Sandstone — caution, pending, secondary data ─────────── */
  --sandstone-700: #97631F;
  --sandstone-600: #B07D3F;
  --sandstone-500: #C99A5A;
  --sandstone-400: #DDB87E;
  --sandstone-100: #EFE0C4;

  /* ── Lapis — rare cool accent for links / cryptographic state */
  --lapis-600:    #355C6B;
  --lapis-500:    #4A7787;
  --lapis-100:    #D2DEE0;

  /* ═══ Semantic aliases ═══════════════════════════════════════ */
  --bg-page:          var(--paper);
  --bg-sunk:          var(--paper-sunk);
  --surface-card:     var(--paper);
  --surface-raised:   var(--sand-100);
  --surface-inverse:  var(--charcoal);

  --text-primary:     var(--ink-900);
  --text-secondary:   var(--ink-700);
  --text-muted:       var(--ink-500);
  --text-faint:       var(--ink-400);
  --text-inverse:     var(--ink-on-dark);
  --text-link:        var(--lapis-600);

  --border-hair:      var(--line);
  --border-strong:    var(--line-strong);
  --border-matrix:    var(--line-strong);

  --accent:           var(--terracotta-600);
  --accent-hover:     var(--terracotta-700);
  --accent-tint:      var(--terracotta-100);

  --verified:         var(--sage-600);
  --verified-tint:    var(--sage-100);
  --pending:          var(--sandstone-600);
  --pending-tint:     var(--sandstone-100);
  --danger:           var(--terracotta-700);
  --info:             var(--lapis-600);

  /* Data-ink: the color of marks on a Tufte plot */
  --data-primary:     var(--terracotta-600);
  --data-secondary:   var(--sage-600);
  --data-tertiary:    var(--sandstone-600);
  --data-quaternary:  var(--lapis-500);
  --data-grid:        var(--line);
  --data-baseline:    var(--ink-400);

  --focus-ring:       var(--terracotta-500);
  --selection-bg:     var(--terracotta-100);
}