/* ============================================================
   Isengard — Color tokens
   Defense-industrial. Bone ground, ink mark, one signal ember.
   Near-monochrome by discipline; color is a signal, not decor.
   ============================================================ */

:root {
  /* ---- Base ramp: Bone (warm paper) ---- */
  --bone-50:  #FBFBF8;
  --bone-100: #F5F5F0;   /* brand ground */
  --bone-200: #ECECE5;
  --bone-300: #DEDED4;
  --bone-400: #CBCABE;

  /* ---- Base ramp: Ink / Graphite (warm near-black → grey) ---- */
  --ink-950:  #131310;
  --ink-900:  #1A1A17;
  --ink-800:  #20201E;   /* brand mark ink */
  --ink-700:  #2E2E2A;
  --graphite-600: #45453F;
  --graphite-500: #6A6A61;
  --graphite-400: #8C8C82;
  --graphite-300: #B0B0A5;
  --graphite-200: #CFCFC4;

  /* ---- Signal: Ember (used sparingly — alerts, live state, CTA underscore) ---- */
  --ember-700: #9A3A1E;
  --ember-600: #B5462B;
  --ember-500: #C85A33;   /* primary signal */
  --ember-100: #F2D9CC;

  /* ---- Status (muted, instrument-panel) ---- */
  --status-live:  #3E7D54;   /* nominal / online */
  --status-hold:  #C08A2E;   /* caution / standby */
  --status-fault: #B5462B;   /* fault / abort */
  --status-info:  #3F5E78;   /* telemetry / data */

  /* ---- Hairlines ---- */
  --line-ink:  rgba(20,20,16,0.14);
  --line-bone: rgba(245,245,240,0.16);

  /* ============================================================
     Semantic aliases — reference these in components
     ============================================================ */

  /* Light (default) surfaces */
  --surface-page:    var(--bone-100);
  --surface-raised:  var(--bone-50);
  --surface-sunken:  var(--bone-200);
  --surface-card:    #FFFFFF;
  --surface-inverse: var(--ink-900);

  --text-strong:  var(--ink-800);
  --text-body:    var(--graphite-600);
  --text-muted:   var(--graphite-500);
  --text-faint:   var(--graphite-400);
  --text-ondark:  var(--bone-100);
  --text-ondark-muted: var(--graphite-300);

  --border-default: var(--line-ink);
  --border-strong:  rgba(20,20,16,0.28);
  --border-ondark:  var(--line-bone);

  --accent:        var(--ember-500);
  --accent-strong: var(--ember-600);
  --accent-wash:   var(--ember-100);

  --focus-ring: rgba(200,90,51,0.55);
}