/* Drivora brand tokens — shared by the website (/) and the customer booking flow (/book/).
   Direction: "Night-drive dashboard" — racing green + warm paper + indicator-amber, condensed signage type,
   mono readouts like an instrument cluster. The CRM (/crm/) uses its own neutral Inter/slate UI.
   Fonts: <link href="https://fonts.googleapis.com/css2?family=Big+Shoulders:opsz,wght@10..72,100..900&family=Martian+Mono:wdth,wght@75..112.5,100..800&family=Schibsted+Grotesk:ital,wght@0,400..900;1,400..900&display=swap" rel="stylesheet"> */
:root {
  --ink: #0c0e0d;
  --ink-2: #161a18;
  --ink-3: #232825;
  --paper: #f2efe7;
  --paper-2: #e7e2d6;
  --paper-3: #d9d3c4;
  --green: #0f3b2c;
  --green-2: #185039;
  --green-3: #2c6b52;
  --amber: #ffb000;
  --amber-2: #ffc94d;
  --amber-ink: #241900;
  --red: #d8452f;          /* errors / tail-light only */
  --muted: #676b64;
  --muted-on-dark: #a4a99f;
  --line: rgba(12, 14, 13, 0.14);
  --line-on-dark: rgba(242, 239, 231, 0.16);

  --f-display: "Big Shoulders", "Arial Narrow", Impact, sans-serif;
  --f-body: "Schibsted Grotesk", system-ui, -apple-system, sans-serif;
  --f-mono: "Martian Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --r-sm: 6px;
  --r-md: 14px;
  --r-lg: 26px;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.76, 0, 0.24, 1);
  --gutter: clamp(16px, 4vw, 56px);
  --max: 1360px;
}