/* Dosta — design tokens (DESIGN.md 8.1–8.3).
   Light colours: Sand, a warm page instead of white. Dark colours live in tokens-dark.css. */
:root {
  color-scheme: light dark;
  --paper: #F0E7D6;
  --surface: #F8F2E7;
  --ink: #18231F;
  --ink-soft: #4B5A55;
  --line: #D8CAB0;
  --fern: #2E6B57;
  --fern-strong: #245647;
  --fern-tint: #D9E2CB;
  --on-fern: #FFFFFF;
  --kowhai: #F2C94C;
  --kowhai-text: #7A5800;
  --kowhai-tint: #F7E5B5;
  --pohutukawa: #B03A33;
  --on-pohutukawa: #FFFFFF;
  --pohutukawa-tint: #F6DFD8;
  --sky: #6C9CB4;
  --sky-tint: #DEE7E9;
  --seg-bills: #8FA39C;
  --seg-kept: #6C9CB4;
  --seg-goals: #9CC9B7;
  --seg-buffer: #C9BFA9;
  --seg-spend: #2E6B57;
  /* The leaf mark (8.1): leaves clockwise from the top left, then the gaps, which match the page */
  --logo-1: #F2C94C;
  --logo-2: #DDAE36;
  --logo-3: #6FA64B;
  --logo-4: #2E6B57;
  --logo-gap: #F0E7D6;
  --logo-ink: #0E3528; /* the wordmark's letters */
  --shadow: 0 20px 60px rgba(45, 35, 20, 0.22);
  --font: "Atkinson Hyperlegible Next", "Atkinson Hyperlegible", system-ui, -apple-system,
          "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif;
  --text-xs: 0.8rem;
  --text-s: 0.9rem;
  --text-m: 1rem;
  --text-l: 1.25rem;
  --text-xl: 1.5556rem;
  --text-2xl: 1.9444rem;
  --text-3xl: 2.4444rem;
  --radius: 10px;
  --radius-l: 16px;
  --reading: 680px;
  --wide: 1040px;
}