/* COLOR SYSTEM — Intelligent AI Systems
   Dark-first. Anchored on the brand theme color #101010 (verified from site meta).
   Warm-neutral "ink" ramp keeps the dark from feeling clinical; a single ochre/amber
   accent carries "hard work / Colorado warmth". Accent hex seeded from the supplied
   token export (#D97706) — the one color data point beyond #101010. */
:root {
  /* ---- Ink: warm near-black → off-white ramp (primary neutrals) ---- */
  --ink-950: #101010; /* brand theme color — deepest canvas */
  --ink-900: #161615;
  --ink-850: #1b1b19;
  --ink-800: #222220;
  --ink-750: #2a2a27;
  --ink-700: #33322e;
  --ink-600: #45443f;
  --ink-500: #5d5b53;
  --ink-400: #807d73;
  --ink-300: #a6a298;
  --ink-200: #cbc7bd;
  --ink-100: #e6e2d9;
  --ink-50:  #f6f3ec; /* warm paper / light surface */
  --white:   #ffffff;

  /* ---- Amber: the single brand accent ---- */
  --amber-800: #92400e;
  --amber-700: #b45309;
  --amber-600: #d97706; /* PRIMARY accent — CTAs, highlights, the "live" step */
  --amber-500: #f59e0b;
  --amber-400: #fbbf24;
  --amber-300: #fcd34d;

  /* ---- Semantic status (functional only; used sparingly) ---- */
  --green-500: #22c55e;
  --green-600: #16a34a;
  --teal-500:  #14b8a6;
  --red-500:   #ef4444;
  --red-600:   #dc2626;

  /* ---- Translucent accent for glows / wash ---- */
  --amber-a12: rgba(217, 119, 6, 0.12);
  --amber-a24: rgba(217, 119, 6, 0.24);
  --amber-a40: rgba(217, 119, 6, 0.40);
  --ink-a60:   rgba(16, 16, 16, 0.60);

  /* ================= SEMANTIC ALIASES (use these in product) ================= */
  /* Surfaces — dark theme is the default brand expression */
  --surface-canvas:   var(--ink-950); /* page background */
  --surface-raised:   var(--ink-900); /* panels / sections */
  --surface-card:     var(--ink-850); /* cards */
  --surface-card-hi:  var(--ink-800); /* card hover / nested */
  --surface-inset:    var(--ink-900);
  --surface-inverse:  var(--ink-50);  /* light surface for docs/print */

  /* Text */
  --text-strong:  var(--ink-50);   /* headlines on dark */
  --text-body:    var(--ink-200);  /* body on dark */
  --text-muted:   var(--ink-400);  /* captions, meta */
  --text-faint:   var(--ink-500);
  --text-on-accent: var(--ink-950); /* text on amber fills */
  --text-on-light:  var(--ink-900); /* text on light surface */

  /* Accent roles */
  --accent:         var(--amber-600);
  --accent-hover:   var(--amber-500);
  --accent-press:   var(--amber-700);
  --accent-soft:    var(--amber-a12);

  /* Lines */
  --border-subtle:  var(--ink-800);
  --border-default: var(--ink-700);
  --border-strong:  var(--ink-600);
  --border-accent:  var(--amber-600);

  /* Focus ring */
  --ring: var(--amber-500);

  /* Status */
  --status-success: var(--green-500);
  --status-info:    var(--teal-500);
  --status-danger:  var(--red-500);
}