/* ==========================================================================
   TVS Motor — Color tokens
   Brand anchors are taken verbatim from the official logotype vector:
     TVS Blue  #183883   (wordmark)
     TVS Red   #E62D38   (leaping-horse mark)
   All other reds/blues below are tints & shades of those two anchors,
   per brand rule: "keep the logo colors; other docs may use other shades."
   ========================================================================== */
:root {
  /* ---- Brand anchors (never alter) ---- */
  --tvs-blue: #183883;
  --tvs-red:  #E62D38;
  --tvs-white: #ffffff;

  /* ---- Blue scale (from --tvs-blue) ---- */
  --blue-50:  #f2f5fc;
  --blue-100: #e4eaf8;
  --blue-200: #c3d0ee;
  --blue-300: #93aae0;
  --blue-400: #5677c7;
  --blue-500: #2b4ea8;
  --blue-600: #183883; /* brand */
  --blue-700: #142f6e;
  --blue-800: #10265a;
  --blue-900: #0b1a40;

  /* ---- Red scale (from --tvs-red) ---- */
  --red-50:  #fef2f3;
  --red-100: #fcdfe1;
  --red-200: #f8bcc0;
  --red-300: #f28f95;
  --red-400: #ee5c66;
  --red-500: #E62D38; /* brand */
  --red-600: #cc1f2a;
  --red-700: #a81820;
  --red-800: #7f131a;
  --red-900: #560d11;

  /* ---- Ink / neutral scale (cool, faintly blue — industrial) ---- */
  --ink-900: #0f1420;
  --ink-800: #1a2130;
  --ink-700: #2b3446;
  --ink-600: #46506a;
  --ink-500: #6b7488;
  --ink-400: #98a0b2;
  --ink-300: #c4cad6;
  --ink-200: #e0e4ec;
  --ink-100: #eef1f6;
  --ink-50:  #f6f8fb;

  /* ---- Status ---- */
  --green-500: #1f8a5b;
  --amber-500: #d98a00;
  --status-success: var(--green-500);
  --status-warning: var(--amber-500);
  --status-danger:  var(--red-500);
  --status-info:    var(--blue-500);

  /* ---- Semantic aliases ---- */
  --brand-primary:   var(--tvs-red);
  --brand-secondary: var(--tvs-blue);

  --surface-page:     var(--tvs-white);
  --surface-subtle:   var(--ink-50);
  --surface-card:     var(--tvs-white);
  --surface-inverse:  var(--tvs-blue);
  --surface-inverse-2:var(--ink-900);

  --text-primary:   var(--ink-900);
  --text-secondary: var(--ink-600);
  --text-muted:     var(--ink-500);
  --text-inverse:   var(--tvs-white);
  --text-brand:     var(--tvs-blue);
  --text-accent:    var(--tvs-red);

  --border-subtle: var(--ink-200);
  --border-default:var(--ink-300);
  --border-strong: var(--ink-600);
  --focus-ring:    var(--blue-400);
}