/* Corsa Motive — color tokens. Source of truth: Corsa-motive-dashboard (app/globals.css, tailwind.config.ts) and Corsa Brand Book Vol.01 2026 (Visual Identity, p.13). */
:root{
  /* ── Core brand ── */
  --corsa-black:#000000;      /* primary surface / base */
  --corsa-steel:#1D2B36;      /* elevated surface */
  --corsa-steel-700:#243441;
  --corsa-steel-600:#2D3F4E;
  --corsa-steel-500:#3A4E5E;
  --corsa-gulf:#6EC6FF;       /* identity — links, info, "in transit" */
  --corsa-gulf-200:#B8E2FF;
  --corsa-gulf-700:#3DA8EC;
  --corsa-orange:#FF6A00;     /* accent — primary CTA, active nav */
  --corsa-orange-300:#FF9550;
  --corsa-orange-700:#D85800;
  --corsa-white:#FFFFFF;
  --corsa-fog:#E8EEF2;
  --corsa-mist:#B6C2CC;
  --corsa-graphite:#6B7A86;

  /* ── App backdrop ── */
  --bg-page:#030810;          /* base page background, under the photo/vignette */
  --bg-elev:#1D2B36;
  --bg-elev-2:#243441;
  --surface-line:rgba(255,255,255,.08);
  --surface-line-strong:rgba(255,255,255,.16);

  /* ── Foreground ── */
  --fg-1:#FFFFFF;
  --fg-2:#DDE4EA;
  --fg-3:#A8B6C0;
  --fg-muted:#7E8E9A;
  --fg-link:var(--corsa-gulf);
  --fg-link-hover:var(--corsa-gulf-200);

  /* ── Status (from transportStatusColor / invoiceStatusColor) ── */
  --status-info:var(--corsa-gulf);
  --status-info-bg:rgba(110,198,255,.10);
  --status-warning:#FBBF24;
  --status-warning-bg:rgba(251,191,36,.10);
  --status-success:#4ADE80;
  --status-success-bg:rgba(74,222,128,.10);
  --status-danger:#F87171;
  --status-danger-bg:rgba(248,113,113,.10);
  --status-neutral:var(--corsa-graphite);
  --status-neutral-bg:rgba(107,122,134,.10);

  /* ── Gradient signature ── */
  --gradient-livery:linear-gradient(135deg,var(--corsa-gulf) 0%,var(--corsa-orange) 100%);
  --gradient-livery-bar:linear-gradient(90deg,var(--corsa-gulf),var(--corsa-gulf),var(--corsa-orange));

  --shadow-focus:0 0 0 3px rgba(110,198,255,.10);
  --shadow-glow-gulf:0 0 0 1px rgba(110,198,255,.35),0 0 32px -6px rgba(110,198,255,.6);
  --shadow-glow-orange:0 0 0 1px rgba(255,106,0,.4),0 0 32px -6px rgba(255,106,0,.55);
}
a{color:var(--fg-link);text-decoration:none}
a:hover{color:var(--fg-link-hover);text-decoration:underline}