/* V-ChargeNow shared palette (issue #46).
   Values taken from the rental app (app/index.html) so public pages match it.
   Accents (amber, blue, green, purple, red) stay as literal colors on each page. */
:root {
  --bg: #0b0f19;             /* page background (app body) */
  --surface: #111827;        /* main container / modal (app .kiosk-card, .modal-card) */
  --surface-border: #1f2937; /* container outline (app .kiosk-card border) */
  --card: #182234;           /* cards and panels (app .price-pill, info cards, .timer-box) */
  --inset: #0f172a;          /* inset boxes inside cards (app .station-badge-box, stats panel) */
  --border: #374151;         /* card borders (app .price-pill, info cards) */
  --border-strong: #475569;  /* stronger outline / hover (app footer links) */
  --btn-neutral: #1f2937;    /* neutral button (app .btn-repeat-cancel) */
  --btn-neutral-hover: #374151;
  --text: #f8fafc;           /* body and heading text (app body) */
  --text-soft: #cbd5e1;      /* secondary text (app stats panel, neutral button) */
  --text-soft-strong: #e2e8f0;
  --muted: #94a3b8;          /* muted labels (app stats labels, quotes) */
  --on-accent: #111827;      /* dark text on amber buttons */
}