/* ============================================================
   Ansiq — Color tokens
   Cool INK (structure) · warm PAPER (calm) · vermilion SIGNAL (the answer)
   ============================================================ */
:root {
  /* ---- Ink: cool near-black, used for text + structure ---- */
  --ink-900: #11151b; /* primary text, brand ink */
  --ink-800: #1b212a;
  --ink-700: #2b313b;
  --ink-600: #3c4451;
  --ink-500: #4c5563;
  --ink-400: #6b7480;
  --ink-300: #97a0ab;

  /* ---- Stone: warm neutral surfaces + borders ---- */
  --stone-50:  #f7f5f1; /* paper — the default page background */
  --stone-100: #efece5;
  --stone-200: #e4e0d7;
  --stone-300: #d3cec2;
  --stone-400: #b3ada0;
  --white:     #ffffff;

  /* ---- Signal: vermilion — the one brand accent ---- */
  --signal-50:  #fdece6;
  --signal-100: #fbd6cb;
  --signal-300: #ff8463;
  --signal-500: #f24e29; /* primary accent */
  --signal-600: #d63e1c; /* hover / pressed */
  --signal-700: #b03014;

  /* ---- Semantic ---- */
  --success-500: #1e9e6a; /* merged / answered */
  --warn-500:    #e0a100; /* needs attention */
  --danger-500:  #d63a3a; /* blocked / error */
  --info-500:    #2e6f9e; /* neutral system note */

  /* ============================================================
     Semantic aliases — reference these in components
     ============================================================ */
  --bg-page:        var(--stone-50);
  --bg-card:        var(--white);
  --bg-inset:       var(--stone-100);
  --bg-ink:         var(--ink-900); /* inverse / dark surfaces */

  --text-strong:    var(--ink-900);
  --text-body:      var(--ink-700);
  --text-muted:     var(--ink-400);
  --text-on-ink:    var(--stone-50);
  --text-on-signal: var(--white);

  --border-subtle:  var(--stone-200);
  --border-default: var(--stone-300);
  --border-strong:  var(--ink-300);

  --accent:         var(--signal-500);
  --accent-hover:   var(--signal-600);
  --accent-tint:    var(--signal-50);
  --accent-on-ink:  var(--signal-300);

  --focus-ring:     var(--signal-500);
}