/* Auto body. Booth-white ground, gunmetal ink, masking-tape amber for actions, the hero car's teal for detail. */
:root {
  --font-display: "Mona Sans", "Segoe UI", system-ui, sans-serif;
  --font-body: "Mona Sans", "Segoe UI", system-ui, sans-serif;
  --weight-display: 720;
  --tracking: -0.03em;
  --tracking-sm: -0.015em;
  --bg: #eef0f0;
  --surface-2: #e1e5e6;
  --fg: #12171a;
  --fg-muted: #556066;
  --border: rgb(18 23 26 / 13%);
  --accent: #e9b44c;
  --accent-fg: #12171a;
  --glow-1: #1d5b63;
  --glow-2: #6b4b17;
  --grain: 0.06;
  --glow-opacity: 0.35;
  --r-card: 8px;
  --r-panel: 12px;
  --r-pill: 8px;
  --ease: cubic-bezier(0.2, 0, 0, 1);
  --dur: 400ms;
  --dur-slow: 700ms;
  --rise: 24px;
  --stagger: 60ms;

  --ink: #11171a;
  --ink-2: #1a2226;
  --ink-fg: #f1f3f3;
  --ink-muted: #a3afb4;
  --ink-border: rgb(241 243 243 / 14%);
  --detail: #0d5a63;
}

/* Wide cut for headings, like the lettering on a car badge. */
h1,
h2,
.t-display {
  font-stretch: 115%;
}

h3 {
  font-stretch: 105%;
}

.btn {
  border-color: #c99434;
}