/* ─────────────────────────────────────────────────────────────────────
   InfoBorne — Design Tokens
   Canonical source of truth for all CSS custom properties.

   Values:  index.html (login / vehicle / trajet flow) taken as canonical.
   Aliases: collection.html names preserved so extraction is zero-breakage.
   ───────────────────────────────────────────────────────────────────── */
:root {
  /* ── Backgrounds ───────────────────────────────────────────────── */
  --bg:          #0B0E15;
  --surface:     #141820;
  --surface2:    #1C2130;
  --surface-2:   #1C2130;   /* alias — collection.html uses the hyphenated form */

  /* ── Borders ────────────────────────────────────────────────────── */
  --border:      #272F42;

  /* ── Accent ─────────────────────────────────────────────────────── */
  --accent:      #FFBA08;
  --accent-dim:  rgba(255,186,8,0.12);
  --accent-glow: rgba(255,186,8,0.25);

  /* ── Text ───────────────────────────────────────────────────────── */
  --text:        #E2E8F4;
  --text-dim:    #9BA8BC;

  /* ── Status — canonical names ───────────────────────────────────── */
  --ok:          #2ECC71;
  --ok-dim:      rgba(46,204,113,0.12);
  --warn:        #FF8C00;
  --warn-dim:    rgba(255,140,0,0.12);
  --danger:      #FF4D4D;
  --danger-dim:  rgba(255,77,77,0.12);

  /* ── Status — collection.html aliases ──────────────────────────── */
  --green:       #2ECC71;   /* = --ok     */
  --amber:       #FF8C00;   /* = --warn   */
  --red:         #FF4D4D;   /* = --danger */

  /* ── Brand ──────────────────────────────────────────────────────── */
  --brand-cyan:  #00C4DC;
  --brand-green: #3BBF47;

  /* ── Typography ─────────────────────────────────────────────────── */
  --font-head:   'Barlow Condensed', sans-serif;
  --font-body:   'Barlow', sans-serif;

  /* ── Radii ──────────────────────────────────────────────────────── */
  --r:           14px;
  --r-sm:        8px;
}