/* Design tokens. Every colour here is exactly a value the stylesheets already used, so moving a rule onto a
   token changes nothing on screen; superagent/theme.py derives each token's dark value the same way it derived
   the colour (custom properties on :root get a :root[data-theme=dark] twin). New rules use tokens.

   Breakpoints, in @media queries (CSS variables cannot be used there): phone (max-width:600px), tablet
   (min-width:600.02px) and (max-width:1023px), desktop ≥1024px. Never write 599px: 599 and 600 side by side
   made a 600px window match both or neither. Older rules still use 560/760px; folding them in changes
   layouts at those widths and is a separate, reviewed change. */
:root{
  --wash-green:#e9e7de;
  --line:#e7e4dc;
  --muted:#737169;  /* secondary text: 4.7:1 on --paper (was #908e86, 3.2:1) */
  --muted-olive:#8c8a82;
  --white:#ffffff;
  --line-soft:#f0efe8;
  --wash:#f4f3ef;
  --muted-dark:#737169;
  --danger:#a14e48;
  --paper:#faf9f5;
  --moss:#66645c;
  --muted-light:#a19f97;
  --line-strong:#d2d0c7;
  --ink:#282723;
  --slate:#5c5b53;
  --danger-strong:#9d403b;
  --ink-green:#35452a;
  --cream:#f9f7ef;
  --warn:#8a6420;
  /* Accent: the brand colour in seven lightness steps. accents.css swaps the whole set (设置 › 外观 › 主题色). */
  --accent-900:#253d2d;
  --accent-800:#304b39;
  --accent-700:#365b45;
  --accent-600:#55704a;
  --accent-500:#4e7f57;
  --accent-400:#8ca37b;
  --accent-300:#9bad8e;
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:48px;
  --radius-1:6px;--radius-2:10px;--radius-3:14px;--radius-pill:999px;
}