/* Frosty Fleet Vehicle Rentals — design tokens.
 *
 * The single source of color / spacing / type. Components (styles.css) and the
 * app (app.js) read these via var() / getComputedStyle — no raw values live
 * anywhere else.
 */
:root {
  /* color */
  --bg: #0d1117;
  --panel: #161b23;
  --raised: #1d2430;
  --line: #263040;
  --text: #e6ebf2;
  --text-dim: #8b95a6;
  --accent: #ff4d30;
  --accent-strong: #e64522;
  --on-accent: #140a04;
  --brand: #0066cc;
  --ok: #34c98e;
  --warn: #ffb02e;
  --muted: #7a8494;
  --rental: #b48cff;
  --rental-bg: #2a2140;
  --danger: #ff5470;
  --map-bg: #0a0d12;

  /* spacing */
  --s1: 4px;
  --s2: 8px;
  --s3: 12px;
  --s4: 16px;
  --s5: 24px;

  /* type */
  --font: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fs-xs: 11px;
  --fs-sm: 12px;
  --fs-md: 14px;
  --fs-lg: 15px;
  --fs-xl: 16px;
  --fs-2xl: 18px;
  --fs-3xl: 22px;

  /* shape */
  --radius: 12px;
}