/* Coffeece tokens — the single source of truth for colour, type, shape and motion.
   Spec: docs/superpowers/specs/2026-09-04-coffeece-identity-design.md §3–§5.
   Each colour is declared twice: as a hex for plain CSS, and as an RGB triplet
   (--x-rgb) so Tailwind's opacity modifiers (bg-paper/60) keep working.
   Body is paper-2; paper is for sidebars and lighter sheets. */
:root {
  color-scheme: light;
  --paper: #fcfbf9;          --paper-rgb: 252 251 249;
  --paper-2: #f4f2ee;        --paper-2-rgb: 244 242 238;
  --line: #e6e2dc;           --line-rgb: 230 226 220;
  --white: #ffffff;          --white-rgb: 255 255 255;
  --ink: #1c1a17;            --ink-rgb: 28 26 23;
  --ink-2: #3d3934;          --ink-2-rgb: 61 57 52;
  --mute: #6f6a63;           --mute-rgb: 111 106 99;
  --faint: #a8a29b;          --faint-rgb: 168 162 155;
  --espresso: #5e3a21;       --espresso-rgb: 94 58 33;
  --espresso-deep: #432815;  --espresso-deep-rgb: 67 40 21;
  --espresso-tint: #f3ebe3;  --espresso-tint-rgb: 243 235 227;
  --roast: #2a1a10;          --roast-rgb: 42 26 16;
  --crema: #e9d9c7;          --crema-rgb: 233 217 199;
  --ok: #2f7a4a;             --ok-rgb: 47 122 74;      --ok-tint: #eaf4ee;     --ok-tint-rgb: 234 244 238;
  --warn: #9a6a12;           --warn-rgb: 154 106 18;   --warn-tint: #faf2df;   --warn-tint-rgb: 250 242 223;
  --danger: #b23a2a;         --danger-rgb: 178 58 42;  --danger-tint: #f9ebe8; --danger-tint-rgb: 249 235 232;

  --font-sans: Geist, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --radius-card: 8px;
  --radius-pill: 999px;
  --shadow-menu: 0 8px 24px -8px rgb(28 26 23 / 0.18), 0 2px 6px -2px rgb(28 26 23 / 0.08);
  --shadow-card: 0 3px 5px rgb(0 0 0 / 0.045);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur: 160ms;
}
/* Dark set — dashboard only (the marketing pages never toggle it). */
.dark {
  color-scheme: dark;
  --paper: #211e1a;          --paper-rgb: 33 30 26;
  --paper-2: #2a2622;        --paper-2-rgb: 42 38 34;
  --line: #3d3934;           --line-rgb: 61 57 52;
  --white: #2e2a25;          --white-rgb: 46 42 37;
  --ink: #f4f2ee;            --ink-rgb: 244 242 238;
  --ink-2: #d6d1ca;          --ink-2-rgb: 214 209 202;
  --mute: #a8a29b;           --mute-rgb: 168 162 155;
  --faint: #7a746c;          --faint-rgb: 122 116 108;
  --espresso: #c99a6f;       --espresso-rgb: 201 154 111;
  --espresso-deep: #dcb48f;  --espresso-deep-rgb: 220 180 143;
  --espresso-tint: #3a2d22;  --espresso-tint-rgb: 58 45 34;
  --roast: #2a1a10;          --roast-rgb: 42 26 16;
  --crema: #e9d9c7;          --crema-rgb: 233 217 199;
  --ok: #6fbf8a;             --ok-rgb: 111 191 138;    --ok-tint: #22352a;     --ok-tint-rgb: 34 53 42;
  --warn: #d9a441;           --warn-rgb: 217 164 65;   --warn-tint: #3a2f18;   --warn-tint-rgb: 58 47 24;
  --danger: #e0725f;         --danger-rgb: 224 114 95; --danger-tint: #3d2320; --danger-tint-rgb: 61 35 32;
}