/* ── Tessera Mobility · Color ──────────────────────────────────────────────
   Ink (cool near-black blues) carries text & structure.
   Accent is a single deep blue — used with restraint.
   Semantics stay slightly desaturated to keep the premium, calm feel. */
:root {
  /* Ink — cool neutral ramp */
  --ink-900: #0B1220;  /* primary text, inverse surfaces */
  --ink-800: #141B2B;
  --ink-700: #1F2838;
  --ink-600: #323C4E;
  --ink-500: #4B5567;
  --ink-400: #6B7588;  /* secondary text */
  --ink-300: #9AA1AB;  /* muted text, captions */
  --ink-200: #C7CCD4;  /* strong borders, disabled fg */
  --ink-100: #E2E4E9;  /* subtle borders, dividers */
  --ink-50:  #F2F3F5;  /* hover fills, inset panels */
  --paper:   #ECEDF1;  /* app background */
  --white:   #FFFFFF;

  /* Accent — deep blue */
  --accent-700: #15307F; /* pressed / hover-dark */
  --accent-600: #1E40AF; /* PRIMARY accent */
  --accent-500: #2E54C8; /* glow, focus ring, accents on dark */
  --accent-400: #4F73E0; /* accent on dark surfaces */
  --accent-300: #8AA4EE;
  --accent-100: #DBE3F8; /* tints, selected rows */
  --accent-50:  #EEF2FC; /* faint tint backgrounds */

  /* Semantic — fleet status */
  --success-600: #1B7A4B; --success-50: #E6F4EC;
  --warning-600: #B5760E; --warning-50: #FBF1DC;
  --danger-600:  #C13B33; --danger-50:  #FBEAE8;
  --info-600:    #1E40AF; --info-50:    #EAEFFB;

  /* ── Semantic aliases ── */
  --text-primary:   var(--ink-900);
  --text-secondary: var(--ink-400);
  --text-muted:     var(--ink-300);
  --text-on-accent: var(--white);
  --text-on-dark:   #EAF0FB;

  --surface-page:    var(--paper);
  --surface-card:    var(--white);
  --surface-inset:   var(--ink-50);
  --surface-inverse: var(--ink-900);

  --border-subtle: var(--ink-100);
  --border-strong: var(--ink-200);

  --brand:        var(--accent-600);
  --brand-hover:  var(--accent-700);
  --brand-glow:   var(--accent-500);
  --brand-tint:   var(--accent-50);
  --focus-ring:   var(--accent-500);
}