/* Dutified design tokens, version 1.0 (2 Oct 2026). The only place colours, fonts, sizes, radii and shadows are defined.
   Taken from dutified.com so the app and the site are one product. See docs/DESIGN-GUIDE.md. Changes need Dan's yes. */
@font-face{font-family:"Plus Jakarta Sans";src:url("/static/fonts/PlusJakartaSans.ttf") format("truetype");font-weight:400 800;font-display:swap}
:root{
  /* brand */
  --navy:#0b1636; --navy-2:#16244d; --orange:#d4521f; --orange-d:#b54318; --aqua:#6fe0d6; --aqua-soft:#d9f7f3; --sun:#ffd23f;
  /* neutrals */
  --ink:#0b1636; --mute:#4a5572; --line:#e3e6ee; --line-strong:#c9d0e4; --bg:#f4f5f8; --white:#ffffff;
  /* status, results only */
  --pass:#18794e; --pass-soft:#e7f5ee; --warn:#8a4b08; --warn-soft:#fff4e5; --fail:#b42318; --fail-soft:#fdecea;
  /* tags */
  --tag-cd-bg:#d9f7f3; --tag-cd-fg:#123b3a; --tag-rule-bg:#fff3ec; --tag-rule-fg:#b54318;
  /* type: one family */
  --font:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --fs-display:54px; --fs-h1:34px; --fs-h2:24px; --fs-h3:18px; --fs-body:16px; --fs-small:14px; --fs-label:12px;
  --fw-regular:400; --fw-medium:500; --fw-semi:600; --fw-bold:700; --fw-heavy:800;
  --lh-tight:1.1; --lh-body:1.6; --ls-label:.06em;
  /* space */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:72px;
  /* shape */
  --r-tag:4px; --r-btn:6px; --r-input:10px; --r-card:14px; --r-chip:99px;
  --shadow-card:0 20px 50px rgba(11,22,54,.10); --shadow-raised:0 30px 70px rgba(11,22,54,.16);
  --focus-ring:0 0 0 3px var(--aqua);
  /* legacy names still used by older stylesheets, mapped onto the tokens until they are removed */
  --fg:var(--ink); --paper:var(--white); --soft:var(--mute); --accent:var(--orange); --accent-dark:var(--orange-d);
  --accentbg:var(--tag-rule-bg); --focus:var(--aqua); --sans:var(--font); --display:var(--font); --mono:var(--font);
  --acc:var(--pass); --acc-soft:var(--pass-soft); --line-2:var(--line); --side:var(--navy);
  --orange-dark:var(--orange-d); --orange-soft:var(--tag-rule-bg);
}
