/* Design tokens — copied verbatim from axplusb.eu (css/base.css :root).
   Source of truth: https://axplusb.eu/css/base.css  (fetched 2026-07-19).
   Do NOT invent values here; keep in sync with the marketing site. */
:root {
  /* palette */
  --bg: #F4EEE5;
  --surface: #FFFFFF;
  --ink: #241F19;
  --muted: #7E746A;
  --line: #E8DFD2;
  --accent: oklch(0.62 0.115 72);          /* fallback #C0863E */
  --accent-ink: #FFFFFF;
  --accent-soft: oklch(0.955 0.03 75);      /* fallback #F7EFE2 */
  --pos: #3f7d5a;
  --neg: #c2724a;

  /* typography */
  --head: "Schibsted Grotesk", sans-serif;
  --body: "Instrument Sans", sans-serif;
  --mono: "JetBrains Mono", monospace;

  /* radii */
  --radius: 20px;
  --radius-sm: 13px;

  /* shadows (from base.css) */
  --shadow-soft: 0 4px 14px rgba(40, 30, 15, .14);
  --shadow-pop: 0 40px 90px -30px rgba(30, 20, 10, .6);
  --ring: 0 0 0 3px var(--accent-soft);

  /* shell metrics */
  --nav-w: 248px;
  --top-h: 60px;
  --gap: 20px;
}

/* graceful fallback for engines without oklch() */
@supports not (color: oklch(0.62 0.115 72)) {
  :root {
    --accent: #C0863E;
    --accent-soft: #F7EFE2;
  }
}