/* ── Krupal Tandel · Color tokens ──────────────────────────────
   Cool & calm: slate neutrals, an electric blue lead, and a calm
   teal as the secondary accent. Crisp, digital, confident. */

:root {
  /* Base neutrals — cool slate, never pure gray */
  --slate-0:  #ffffff;
  --slate-1:  #f7f9fb;
  --slate-2:  #eef2f6;
  --slate-3:  #e1e7ee;
  --slate-4:  #cdd6e0;
  --slate-5:  #aab6c4;
  --slate-6:  #7d8a9a;
  --slate-7:  #56636f;
  --slate-8:  #38424c;
  --slate-9:  #232b33;
  --slate-10: #141a1f;
  --ink:      #0d1216;

  /* Primary — electric, confident blue */
  --blue-1: #e7f0fe;
  --blue-2: #c2d8fb;
  --blue-3: #7eaaf4;
  --blue-4: #5a93f0;   /* lighter — on-dark accent / inverse mark */
  --blue-5: #1e5fd6;   /* primary */
  --blue-6: #1a4fb4;
  --blue-7: #1647a8;

  /* Secondary — calm teal */
  --teal-1: #e3f4f1;
  --teal-2: #b6e4dc;
  --teal-3: #79cabd;
  --teal-4: #3fa898;
  --teal-5: #2b8779;
  --teal-6: #1f6960;

  /* Warm accent — sand, used sparingly for human warmth */
  --sand-1: #f7efe4;
  --sand-2: #ecd9bf;
  --sand-3: #ddbd8f;
  --sand-4: #c89a5b;

  /* Semantic status */
  --green-5:  #2f9e5e;
  --amber-5:  #c98a18;
  --red-5:    #d1463f;

  /* ── Semantic aliases ───────────────────────────────── */
  --bg-page:      var(--slate-1);
  --bg-raised:    var(--slate-0);
  --bg-sunken:    var(--slate-2);
  --bg-inset:     var(--slate-3);

  --surface-card:    var(--slate-0);
  --surface-overlay: var(--slate-0);

  --text-strong:  var(--ink);
  --text-body:    var(--slate-9);
  --text-muted:   var(--slate-7);
  --text-subtle:  var(--slate-6);
  --text-inverse: var(--slate-0);
  --text-link:    var(--blue-5);

  --border-subtle:  var(--slate-3);
  --border-default: var(--slate-4);
  --border-strong:  var(--slate-5);
  --border-focus:   var(--blue-5);

  --accent:          var(--blue-5);
  --accent-hover:    var(--blue-6);
  --accent-press:    var(--blue-7);
  --accent-soft:     var(--blue-1);
  --accent-2:        var(--teal-5);
  --accent-2-soft:   var(--teal-1);
  --accent-warm:     var(--sand-4);
  --accent-warm-soft:var(--sand-1);

  --status-success: var(--green-5);
  --status-warning: var(--amber-5);
  --status-danger:  var(--red-5);
}