/**
 * AUTOLINE Design Tokens — v1.0
 * The single source of truth for colour, type, spacing, elevation, radius, motion.
 * No component may introduce a raw hex / px / shadow outside this layer.
 * Loaded on the front page (homepage redesign) for now; will go global as the
 * old ad-hoc custom.css (3 blues, 5+ oranges, 311 !important) is retired.
 */
:root{
  /* ===== Colour — Brand ===== */
  --al-blue-900:#002a57; --al-blue-800:#00305f; --al-blue-700:#003874; --al-blue-600:#0a4a8c;
  --al-blue-500:#1660a8; --al-blue-400:#3d82c4; --al-blue-100:#e3edf7; --al-blue-050:#f3f7fb;

  /* ===== Colour — Accent (industrial amber) ===== */
  --al-amber-600:#d97e00; --al-amber-500:#f5a623; --al-amber-100:#fdeccf;

  /* ===== Colour — Neutral (cool gray) ===== */
  --al-ink-900:#14181f; --al-ink-700:#39414e; --al-ink-500:#69727f; --al-ink-400:#98a0ac;
  --al-line-300:#d3d8df; --al-line-200:#e4e8ed; --al-bg-100:#f5f7f9; --al-bg-000:#ffffff;

  /* ===== Colour — Semantic ===== */
  --al-success-600:#147a3d; --al-success-500:#1ea54f; --al-success-100:#e3f6ea;
  --al-warning-600:#a86500; --al-warning-500:#f5a623; --al-warning-100:#fdeccf;
  --al-danger-600:#b3261e;  --al-danger-500:#e0392f;  --al-danger-100:#fbe6e5;
  --al-info-600:#0a4a8c;    --al-info-500:#1660a8;    --al-info-100:#e3edf7;

  /* ===== Colour — Commerce-specific ===== */
  --al-price:#14181f; --al-price-strike:#98a0ac;
  --al-discount-bg:#147a3d; --al-discount-fg:#ffffff;
  --al-instock:#1ea54f; --al-lowstock:#f5a623; --al-outstock:#b3261e;

  /* ===== Typography ===== */
  --al-font-sans:"Inter","Noto Sans","Helvetica Neue",Arial,system-ui,sans-serif;
  --al-font-mono:"Roboto Mono","SFMono-Regular",ui-monospace,Menlo,Consolas,monospace;
  --al-fs-2xs:.6875rem; --al-fs-xs:.75rem; --al-fs-sm:.875rem; --al-fs-md:1rem;
  --al-fs-lg:1.125rem; --al-fs-xl:1.375rem; --al-fs-2xl:1.75rem; --al-fs-3xl:2.25rem;
  --al-fw-regular:400; --al-fw-medium:500; --al-fw-semibold:600; --al-fw-bold:700;
  --al-lh-tight:1.2; --al-lh-snug:1.35; --al-lh-base:1.55;

  /* ===== Spacing (4px base) ===== */
  --al-sp-1:4px; --al-sp-2:8px; --al-sp-3:12px; --al-sp-4:16px; --al-sp-5:20px;
  --al-sp-6:24px; --al-sp-8:32px; --al-sp-10:40px; --al-sp-12:48px; --al-sp-16:64px; --al-sp-20:80px;

  /* ===== Radius ===== */
  --al-radius-xs:2px; --al-radius-sm:4px; --al-radius-md:6px; --al-radius-lg:10px; --al-radius-pill:999px;

  /* ===== Elevation ===== */
  --al-shadow-0:none;
  --al-shadow-1:0 1px 2px rgba(20,24,31,.06),0 1px 1px rgba(20,24,31,.04);
  --al-shadow-2:0 2px 6px rgba(20,24,31,.08),0 1px 2px rgba(20,24,31,.06);
  --al-shadow-3:0 6px 16px rgba(20,24,31,.10),0 2px 4px rgba(20,24,31,.06);
  --al-shadow-4:0 16px 40px rgba(20,24,31,.16);
  --al-focus-ring:0 0 0 3px rgba(22,96,168,.40);

  /* ===== Motion ===== */
  --al-ease:cubic-bezier(.2,0,.1,1); --al-dur-fast:120ms; --al-dur-base:180ms; --al-dur-slow:260ms;

  /* ===== Layout ===== */
  --al-container-max:1480px; --al-gutter:24px; --al-tap-min:40px;
}