/* Foxtap design tokens. Light by default; dark under [data-theme="dark"]. */
:root {
  --font: ui-sans-serif, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --fs: 13.5px;
  --bg: #ffffff;
  --bg-2: #f7f7f8;
  --bg-3: #efeff2;
  --bg-hover: #f1f1f4;
  --line: #e6e6ea;
  --line-2: #d3d3d9;
  --ink: #1c1c21;
  --ink-2: #4a4a54;
  --ink-3: #7b7b86;
  --ink-4: #ababb4;
  --accent: #c2410c;
  --accent-ink: #ffffff;
  --accent-soft: #fff1e8;
  --accent-line: #f3c6ad;
  --ok: #1f7a46;
  --ok-soft: #e3f3e9;
  --warn: #a8640a;
  --warn-soft: #fdf2dc;
  --danger: #b42318;
  --danger-soft: #fde8e6;
  --today-tint: rgba(194, 65, 12, 0.045);
  --now: #d9381e;
  --radius: 10px;
  --radius-s: 6px;
  --shadow-1: 0 1px 2px rgba(20, 20, 30, 0.06), 0 1px 1px rgba(20, 20, 30, 0.04);
  --shadow-2: 0 2px 6px rgba(20, 20, 30, 0.08), 0 12px 32px rgba(20, 20, 30, 0.10);
  --shadow-3: 0 8px 20px rgba(20, 20, 30, 0.14), 0 24px 56px rgba(20, 20, 30, 0.18);
  --rail-left: 64px;
  --rail-right: 304px;
  --panel-w: 420px;
  --topbar-h: 56px;
  --ppm: 1.15; /* pixels per minute on the calendar grid */
  --gutter: 52px;
  /* block colour recipe: set --h (hue) and optionally --s (saturation) per client */
  --blk-s: 62%;
  --blk-fill-l: 93%;
  --blk-edge-l: 46%;
  --blk-ink-l: 24%;
}
[data-theme="dark"] {
  --bg: #17171b;
  --bg-2: #1e1e24;
  --bg-3: #26262d;
  --bg-hover: #2a2a32;
  --line: #2d2d36;
  --line-2: #3a3a45;
  --ink: #ececf1;
  --ink-2: #c3c3cc;
  --ink-3: #8f8f9b;
  --ink-4: #62626d;
  --accent: #f0702e;
  --accent-soft: #3a2316;
  --accent-line: #5a3620;
  --ok: #4cc27f;
  --ok-soft: #173224;
  --warn: #e3a23c;
  --warn-soft: #3a2b12;
  --danger: #f0655a;
  --danger-soft: #3b1c19;
  --today-tint: rgba(240, 112, 46, 0.07);
  --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.5);
  --shadow-2: 0 2px 8px rgba(0, 0, 0, 0.5), 0 12px 32px rgba(0, 0, 0, 0.5);
  --shadow-3: 0 8px 20px rgba(0, 0, 0, 0.6), 0 24px 56px rgba(0, 0, 0, 0.6);
  --blk-fill-l: 22%;
  --blk-edge-l: 62%;
  --blk-ink-l: 88%;
}