/* ───────────────────────────────────────────────────────────
   Sonora · Color — the WOO brand kit (3rd proposal pp.23-25)
   Kit anchors are exact; intermediate steps are derived. The
   legacy ramp NAMES (terracotta/sage/sandstone/lapis) are kept
   so every consumer keeps resolving — only the ink changed:
     terracotta → brand orange       sage      → verified teal
     sandstone  → pending amber      lapis     → info teal-blue
   CONTRAST RULE (deck p.25): orange on light grounds passes
   only for LARGE text (3.59:1) — small text on orange must be
   ink-900 (4.84:1). Never set body copy in orange.
   ─────────────────────────────────────────────────────────── */

:root {
  /* ── Kit anchors (verbatim from design/brand-codes.txt) ──── */
  --kit-orange:      #FA3700;
  --kit-gray:        #EDE7DF;
  --kit-black:       #1E140A;
  --kit-offwhite:    #FCFAF7;
  --kit-lightblue:   #A2C0BE;
  --kit-lightyellow: #F7F0D5;
  --kit-darkgray:    #3D3229;

  /* ── Warm neutral ground (off-white → gray → ink) ────────── */
  --paper:        #FCFAF7; /* kit off-white — primary canvas          */
  --paper-sunk:   #F5F0E8; /* recessed wells, table zebra (derived)   */
  --sand-100:     #EDE7DF; /* kit gray — raised panels                */
  --sand-200:     #E2DACE; /* deeper panel (derived)                  */
  --sand-300:     #D3C8B6; /* deep sand (derived)                     */

  --line:         #E3DCD1; /* default hairline on paper               */
  --line-strong:  #C9BEAD; /* emphasized hairline / matrix grid       */
  --line-ink:     #B9AC97; /* hairline over sand panels               */

  --ink-900:      #1E140A; /* kit black — primary text                */
  --ink-700:      #3D3229; /* kit dark gray — secondary text          */
  --ink-500:      #6E6154; /* muted / captions (derived)              */
  --ink-400:      #92846F; /* placeholder, disabled ink (derived)     */
  --ink-on-dark:  #FCFAF7; /* text on dark grounds                    */

  --charcoal:     #1E140A; /* solid dark ground (inverse surfaces)    */
  --charcoal-700: #3D3229;

  /* ── Orange — the brand accent (was terracotta) ──────────── */
  --terracotta-700: #C42A00;
  --terracotta-600: #FA3700; /* kit orange                            */
  --terracotta-500: #FA3700;
  --terracotta-400: #FC7A52;
  --terracotta-100: #FDD8C9; /* tint fill                             */
  --terracotta-050: #FBEAE1;

  /* ── Verified teal — from the kit light-blue (was sage) ──── */
  --sage-700:     #3E5A56;
  --sage-600:     #4C6B66;
  --sage-500:     #63837D;
  --sage-400:     #A2C0BE; /* kit light blue                          */
  --sage-100:     #DCE7E5;
  --sage-050:     #ECF2F1;

  /* ── Pending amber — from the kit light-yellow (was sandstone) */
  --sandstone-700: #6F5716;
  --sandstone-600: #8A6D1C;
  --sandstone-500: #B39336;
  --sandstone-400: #D9C579;
  --sandstone-100: #F7F0D5; /* kit light yellow                       */

  /* ── Info teal-blue — cool accent for links (was lapis) ──── */
  --lapis-600:    #3A5E62;
  --lapis-500:    #547C7F;
  --lapis-100:    #D9E6E6;

  /* ═══ 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);
  /* Small text ON the accent must be ink — the only orange pair
     that clears 4.5:1 (deck p.25). */
  --on-accent:        var(--ink-900);

  --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 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);
}