/* Design tokens of leihwerkzeug.eu, variant W4 "Petrol & Sand" (docs/branchen/werkzeug/design/README.md).
   Change the look here only. */
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("../fonts/jakarta.a6b3ca53fe2a.woff2") format("woff2");
  font-weight: 400 800;
  font-display: swap;
}

:root {
  --font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  --bg: #FAF6EF;
  --bg-soft: #FAF6EF;
  --surface: #FFFFFF;
  --ink: #13293D;
  --ink-2: #2C4257;
  --muted: #4A5B6A;
  --line: #ECE5D8;
  --line-strong: #D9CFBD;
  --chip: #F3ECDF;
  --busy: #ECE5D8;
  --busy-ink: #5F6B76;

  --accent: #155E75;
  --accent-hover: #0E4A5C;
  --accent-ink: #FFFFFF;
  --accent-soft: #DDF0F4;
  --accent-soft-ink: #0E4A5C;
  --hl-ink: #13293D;
  --hl-bg: #FDE7B0;
  --hl-pad: 0 .15em;
  --danger: #B42318;
  --danger-soft: #FEF3F2;

  --footer-bg: #13293D;
  --footer-ink: #C9D3DB;

  --radius: 18px;
  --radius-sm: 12px;
  --radius-xs: 8px;
  --radius-pill: 999px;
  --shadow: 0 1px 2px rgba(19, 41, 61, .05), 0 8px 24px -14px rgba(19, 41, 61, .16);
  --shadow-strong: 0 18px 36px -16px rgba(19, 41, 61, .22);

  --touch: 44px;
  --gutter: 24px;

  /* Fixed colours: EU plate, photo lightbox, status badge, map pins, print */
  --plate-bg: #FFFFFF;
  --plate-eu: #003399;
  --plate-eu-ink: #FFFFFF;
  --plate-star: #FFCC00;
  --lightbox-bg: #000000;
  --lightbox-backdrop: rgba(10, 14, 20, .82);
  --lightbox-button: rgba(255, 255, 255, .92);
  --danger-ink: #FFFFFF;
  --pin-border: #FFFFFF;
  --chip-count-active: rgba(255, 255, 255, .25);
  --status-requested-bg: #FEF3C7;
  --status-requested-ink: #78350F;
  --paper: #FFFFFF;
}

@media (max-width: 760px) {
  :root { --gutter: 16px; }
}