/* Takt Precision v2 — design tokens. THE source of truth for Takt UI values.
 * Approved direction: Precision. Role-based names (--tk-*): change a value here, never in components.
 * Timeline presentation output keeps its own palette (lib/timeline.ts) and is not themed by these tokens. */
@font-face{font-family:"Inter";src:url("fonts/inter-latin-400-normal.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Inter";src:url("fonts/inter-latin-500-normal.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Inter";src:url("fonts/inter-latin-600-normal.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Inter";src:url("fonts/inter-latin-700-normal.woff2") format("woff2");font-weight:700;font-display:swap}
/* Flight-deck foundation (2026-11-01): the Takt Labs website fonts. Text: Saira (Justin, 2026-11-05;
   replaces IBM Plex Sans), Latin, SIL OFL 1.1. Numbers only (dates, durations, WBS, counts): Obel Mono
   (Justin, 2026-11-05; replaces IBM Plex Mono), a Latin subset of the variable font, SIL OFL 1.1. */
@font-face{font-family:"Saira";src:url("fonts/saira.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Chakra Petch";src:url("fonts/chakra-petch-600.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Chakra Petch";src:url("fonts/chakra-petch-700.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Obel Mono";src:url("fonts/obel-mono.woff2") format("woff2");font-weight:100 900;font-display:swap}
/* Timeline canvas face (presentation only). */
@font-face{font-family:"Takt Sans";src:url("/fonts/LiberationSans-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Takt Sans";src:url("/fonts/LiberationSans-Bold.ttf") format("truetype");font-weight:700;font-display:swap}

:root{
 color-scheme:light;
 /* ---- Typography ---- */
 --tk-font:"Saira",-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",system-ui,sans-serif;
 --tk-font-features:"tnum";        /* tabular figures everywhere: dates, spans, counts align */
 --tk-fs-2xs:10.5px;  /* column headers, scale labels, tags */
 --tk-fs-xs:11px;     /* meta, hints, status bar */
 --tk-fs-sm:12px;     /* secondary text, chips, small buttons */
 --tk-fs-grid:12.5px; /* Gantt grid and tables */
 --tk-fs:13px;        /* body, controls */
 --tk-fs-field:var(--tk-fs); /* text in fields; 16px at the touch size so phones don't zoom into a field */
 --tk-fs-md:14px;     /* inspector section values that need emphasis */
 --tk-fs-lg:15px;     /* panel and dialog titles */
 --tk-fs-xl:17px;     /* inspector title */
 --tk-fs-2xl:22px;    /* page title */
 --tk-fs-3xl:28px;    /* KPI figures, login title */
 --tk-lh:1.45;--tk-lh-tight:1.2;
 --tk-fw-regular:400;--tk-fw-medium:500;--tk-fw-semibold:600;--tk-fw-bold:700;
 --tk-tracking-tight:-.018em;   /* titles ≥ 17px */
 --tk-tracking-label:.02em;     /* column headers and labels (sentence case) */
 --tk-font-display:"Chakra Petch",var(--tk-font); /* display caps: window titles, phase rows, Portfolio heading only (UI-STANDARD 4.0) */
 --tk-font-num:"Obel Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; /* dates, durations, WBS, counts */
 --tk-tracking-caps:.08em;      /* capital labels: column headers, section labels */

 /* ---- Neutral palette (cool, restrained) ---- */
 --tk-bg:#f4f5fb;          /* app canvas behind surfaces */
 --tk-surface:#ffffff;     /* panels, grid, chart, inspector */
 --tk-surface-2:#eef0fb;   /* wells, table header band, read-only blocks */
 --tk-surface-3:#e3e6f6;   /* pressed, active segment background (non-primary) */
 --tk-ink:#14163a;         /* primary text, primary buttons */
 --tk-ink-2:#3b3f6b;       /* secondary text */
 --tk-ink-3:#5a5f8f;       /* tertiary text, column headers (4.9:1 on white) */
 --tk-ink-4:#a3a7c8;       /* disabled glyphs, decorative only */
 --tk-line:#e1e4f2;        /* hairlines between rows and panels */
 --tk-line-2:#d0d4ea;      /* control borders, strong dividers */
 --tk-line-3:#b5bad9;      /* hovered control borders */
 --tk-hover:#eef0fb;
 --tk-chrome:#f8f9fd;      /* sidebar */
 --tk-strip:#f4f5f7;       /* sidebar + command bar strips: a shade darker than the workspace, no edge lines */

 /* ---- Accent and selection ---- */
 --tk-accent:#4b5bd6;      /* deep purple (Justin 2026-10-24, the Smarter Fit mockup): selection, focus, today, links, active cell */
 --tk-accent-ink:#3f4fc4;  /* accent text on white (6.7:1; 5.7:1 on the selected row) */
 --tk-accent-soft:#e8ebfd; /* selected row */
 --tk-accent-line:#c9cdf3;
 --tk-on-line:#b3b9f0;     /* faint outline on a selected (pressed) control, one step deeper than its fill */
 /* UI-STANDARD §8–11 / #997: one state contract; states never change a control's box. */
 --tk-control-off-bg:transparent;
 --tk-control-off-line:transparent;
 --tk-control-hover-bg:var(--tk-hover);
 --tk-control-on-bg:var(--tk-surface);
 --tk-control-on-line:var(--tk-line-2);
 --tk-control-on-shadow:0 1px 2px #17181a24;
 --tk-control-on-ink:var(--tk-accent-ink);
 /* A capsule tool that is on (command bar refresh, Justin 2026-11-06): the icon stays exactly as it is and the colour goes
    in the glass pill behind it, tinted with the tone (the accent colour from Settings; data-tone=critical is red). Dark adds a soft glow round the pill. */
 --tk-control-tone:var(--tk-accent);
 --tk-control-glow:0px;
 --tk-control-focus:2px solid var(--tk-accent);
 --tk-control-disabled-opacity:.38;
 --tk-control-busy-opacity:.75;
 --tk-control-error-line:var(--tk-late);
 --tk-focus-ring:0 0 0 3px #4b5bd633;
 --tk-primary:#14163a;--tk-primary-hover:#0f1024;--tk-on-primary:#ffffff;--tk-on-colour:#ffffff; /* text on a coloured fill (badges, Today chip): white in both themes */

 /* ---- Semantic status (never decorative) ---- */
 --tk-ok:#1a7f5a;--tk-ok-soft:#e8f5ef;--tk-ok-line:#bfe3d2;
 --tk-late:#d1343a;--tk-late-soft:#fdeced;--tk-late-line:#f6c4c6;
 --tk-warn:#b7791f;--tk-warn-ink:#8a5a12;--tk-warn-soft:#fdf5e6;--tk-warn-line:#f1dcae;
 /* Moved (Justin, 2026-11-06): one status token for "this date moved". The label kit (Gantt flag, dashes, words) and the
    Inspector kit (the Committed box) both read it, so the meaning lives here and each kit only decides where it shows.
    It is the warn amber; dark mode follows because tk-warn changes on the same :root. */
 --tk-moved:var(--tk-warn);--takt-slip:var(--tk-moved);--tk-moved-ink:var(--tk-warn-ink);--tk-moved-soft:var(--tk-warn-soft);--tk-moved-line:var(--tk-warn-line);
 /* Slipping (STATUS-STANDARD): behind baseline, no promise missed yet. Amber like Moved. Late is red (--tk-late), so a late flag never looks moved. */
 --tk-slipping:var(--tk-warn);--tk-slipping-ink:var(--tk-warn-ink);--takt-late-mark:var(--tk-late);
 --tk-lag:#e8820c;--tk-lag-ink:#b85f00;
 --tk-blocked:#c2410c;--tk-blocked-ink:#9a3412;--tk-blocked-soft:#fdeee4; /* Blocked task status: orange, never the critical red */
 --tk-info-soft:#e8ebfd;

 /* ---- Schedule semantics ---- */
 --tk-bar:#8eb2f2;          /* activity bar */
 --tk-bar-edge:#5b8fe6;     /* bar border on hover/selection */
 --tk-bar-done:#c9d3e3;     /* completed activity */
 --tk-summary:#3b3f6b;      /* summary bracket */
 --tk-milestone:#14163a;    /* forecast diamond */
 --tk-milestone-done:#1a7f5a;
 --tk-baseline-ghost:#b4b8c0; /* baseline ghost bars and diamonds (History kit #913, same grey as lib/baseline.ts BASELINE_GHOST) */
 --tk-commit:#14163a;       /* hollow commitment diamond */
 --tk-dep:#9aa0a8;          /* dependency connector */
 --tk-dep-active:#4b5bd6;   /* connector of the selected activity / while drawing */
 --tk-dep-invalid:#d1343a;  /* rejected drawing target */
 --tk-today:#0e8f7d;        /* today line and tab: teal, a colour no status uses (Justin, 2026-11-07, BR-0036) */
 --tk-today-w:2px;          /* today line width: 2px on light, where 1px teal was hard to see (Justin, 2026-11-07, BR-0051) */
 --tk-move-ghost:var(--tk-today); /* BR-0066: where a bar being dragged started (soft teal, follows today's light/dark teal) */
 --tk-weekend:#f5f6fb;      /* weekend column shading */
 --tk-grid-line:#eceef8;    /* minor scale line */
 --tk-grid-line-major:#dcdff0; /* month / quarter boundary */
 /* Gantt grid kit (grid review, Justin 2026-11-05): every grid colour comes from here, in both themes. */
 --tk-row-selected:#e8ebfd; /* selected row, list side only */
 --tk-row-hover:#f3f4f6;    /* hovered row, list side only */
 --tk-holiday:#f7e2b866;    /* holiday column and header cell */
 --tk-holiday-edge:#ecc77a55;
 --tk-holiday-ink:#8a5a00;  /* holiday name and day number */
 --tk-critical:#d1343a;     /* RESERVED: only when canonical critical path exists */
 /* Bar styles (#1188): each kind of bar reads one token; Gantt › Bar styles sets them for the account (web/bar-styles.ts). */
 --tk-gantt-bar:#668fe1;    /* default task bar fill (no project colour or highlight) */
 --tk-gantt-sum:#5b53c9;    /* default phase (summary) colour */
 /* Bar outlines (Precision 2.0): every filled bar gets a 1.5 px inside edge, its own colour mixed toward --tk-edge-to. */
 --tk-bar-outline:0px;--tk-edge-to:#000;--tk-edge-pct:62%;--tk-edge-pct-done:72%;
 /* Project identity colours (dots, Home strip). Chosen per project; never used for status. */
 --tk-p1:#666ed0;--tk-p2:#2a8f86;--tk-p3:#c98a1b;--tk-p4:#6593e4;--tk-p5:#8a8f98;--tk-p6:#c25b8f;

 /* ---- Shape and depth ---- */
 --tk-r-xs:2px;--tk-r-sm:3px;--tk-r:3px;--tk-r-lg:4px;--tk-r-xl:6px; /* flight-deck corners */--tk-r-pill:999px;
 --tk-shadow-pop:0 10px 30px #1718201f,0 1px 3px #17182014;
 /* Frosted glass for floating menus and popups (2026-11-01). */
 --tk-glass-bg:#ffffff6b;--tk-glass-edge:#ffffffbf;--tk-glass-line:#1e1e3c1a;--tk-glass-hi:#ffffffe6;--tk-glass-blur:blur(14px) saturate(190%);
 --tk-glass-shadow:0 12px 32px #14143229,0 2px 6px #14143214;
 --tk-shadow-dialog:0 24px 64px #17182033;
 --tk-shadow-sheet:0 -8px 30px #1718201f;
 --tk-scrim:#17181a40;

 /* ---- Spacing (4 px base) ---- */
 --tk-s1:4px;--tk-s2:8px;--tk-s3:12px;--tk-s4:16px;--tk-s5:20px;--tk-s6:24px;--tk-s8:32px;

 /* ---- Metrics ---- */
 --tk-icon:15px;--tk-icon-stroke:1.75;
 --tk-ctl-h:28px;            /* buttons, inputs, segmented controls */
 --tk-ctl-h-sm:24px;
 --tk-row-h:28px;            /* Gantt and dense tables */
 --tk-list-row-h:36px;       /* Actions list minimum */
 --tk-table-row-h:36px;      /* Home tables */
 --tk-topbar-h:44px;
 --tk-toolbar-h:40px;
 --tk-header-h:40px;         /* page / project header */
 --tk-statusbar-h:26px;
 --tk-sidebar-w:224px;--tk-rail-w:52px;
 --tk-inspector-w:400px;--tk-inspector-min:340px;--tk-inspector-max:680px;
 --tk-grid-w:560px;          /* Gantt table default width */
 --tk-gantt-head-h:44px;     /* two scale tiers of 22 */
 --tk-navigator-h:28px;
 --tk-bar-h:12px;--tk-summary-h:4px;--tk-ms:10px;--tk-indent:16px;
 --tk-check:15px;

 /* ---- Layering (one scale for every overlay; added in readiness review) ---- */
 --tk-z-sticky:4;      /* grid header, scale, sticky columns */
 --tk-z-panel:20;      /* inspector overlay at 1101–1279 px */
 --tk-z-sheet:50;      /* bottom sheet ≤ 900 px */
 --tk-z-drawer:60;     /* navigation drawer ≤ 900 px */
 --tk-z-popover:60;    /* menus, pickers, selector */
 --tk-z-tip:70;        /* tooltips, drag hints */
 --tk-z-dialog:80;     /* scrim + dialog */
 --tk-z-toast:90;
 --tk-spark:#14a39a;     /* Actions done: tick sparks and the week ring (soft teal, TASTE) */
 /* The five layers of UI-STANDARD 17A.3 (2026-11-01). Windows are <dialog> (browser top layer); a popup opened from a
    window is placed inside it. Fix batch 3 moves every overlay onto these. */
 --tk-z-chrome:100;--tk-z-panel-layer:9000;--tk-z-popup-layer:13000;--tk-z-toast-layer:14000;
 --tk-hit:24px;        /* minimum pointer hit area (ports, chevrons, grips) */
 --tk-font-canvas:"Takt Sans","Liberation Sans",Arial,sans-serif; /* Timeline canvas and exports only */
 /* ---- Motion ---- */
 --tk-bar-progress:#0b0c2a40; /* % done inside a task bar: the done part reads deeper (Justin, 2026-11-06) */
 --tk-ease:cubic-bezier(.2,0,0,1);--tk-ease-spring:cubic-bezier(.2,.9,.3,1.12);--tk-ease-in:cubic-bezier(.4,0,1,1);--tk-dur:140ms;--tk-dur-fast:120ms;--tk-dur-shift:220ms;--tk-dur-none:0ms;
 /* Press and hover feel (BR-0130, Justin 2026-11-08 "Medium"): the Portfolio lane's lift, a quick squeeze on press and a springy
    settle on release; switches stretch while held and spring across. Owned by components.css "Press and hover feel". */
 --tk-ease-pop:cubic-bezier(.34,1.56,.64,1);--tk-press-dur:70ms;--tk-settle-dur:360ms;--tk-press-scale:.96;--tk-lift:-1px;
 --tk-lift-shadow:0 4px 12px #14163a24;--tk-thumb-stretch:4px;--tk-card-lift:-2px;
}
/* Bottom tray Inspector (Justin, 2026-11-08): one colour per tile, from the palette, so dark mode follows the palette's dark values. */
:root{--tk-tile-rise:220px;--tk-tile-sw:16px;--tk-tray-r:18px;--tk-tile-r:12px;--tk-tray-inset:var(--tk-s3);--tk-tile-dot:7px;--tk-tile-line:3px;--tk-tile-when:var(--tk-today);--tk-tile-stands:var(--tk-warn);--tk-tile-links:var(--tk-gc-violet);--tk-tile-notes:var(--tk-gc-steel);--tk-tile-rules:var(--tk-ink-3,#6c7078);--tk-tray-h:300px}
@media (pointer:coarse){:root{--tk-tray-inset:var(--tk-s2);--tk-tile-sw:22px}}
/* ---- Gantt colours (Justin 2026-10-23, option B): the palette names stored in migration 022 (lib/gantt-colours.ts).
 * Light values here; their dark values are in the dark theme block below. The first six are the automatic project dot colours.
 * Red is not in the palette: it means critical. */
:root{
 --tk-gc-indigo:#4b5bd6;--tk-gc-violet:#7209b7;--tk-gc-plum:#b5179e;--tk-gc-rose:#f72585;--tk-gc-orange:#e16d00;--tk-gc-gold:#ffbf00;--tk-gc-olive:#619e54;--tk-gc-green:#379f71;--tk-gc-teal:#309da1;
 --tk-gc-sky:#5a95b0;--tk-gc-blue:#1b9bb9;--tk-gc-lavender:#778dc8;--tk-gc-slate:#5c4d7d;--tk-gc-navy:#023047;--tk-gc-grape:#3a0ca3;--tk-gc-mauve:#892b64;--tk-gc-coral:#dd638b;--tk-gc-cocoa:#3c1642;
 --tk-gc-mustard:#fff200;--tk-gc-forest:#2d6a4f;--tk-gc-sage:#40916c;--tk-gc-spruce:#1b4332;--tk-gc-steel:#1e6091;--tk-gc-cobalt:#2d00f7;--tk-gc-graphite:#1f2128;--tk-gc-sand:#808184;
}
/* Touch (iPad and any coarse pointer): 40 px targets, 16 px inputs (no Safari zoom), 40 px rows. */
/* BR-0038 (Justin 2026-11-06, iPad): the 16 px field text was only on .tk-touch pages, so in the app a field iPad Safari focused
   (Settings › Colour and badge) zoomed the whole page in and stayed zoomed. Every field on a coarse pointer gets it here. */
@media (pointer:coarse){:root{--tk-fs-field:16px;--tk-ctl-h:40px;--tk-ctl-h-sm:36px;--tk-row-h:40px;--tk-list-row-h:48px;--tk-table-row-h:48px;--tk-topbar-h:52px;--tk-toolbar-h:52px;--tk-check:20px}}
.tk-touch{--tk-fs-field:16px;--tk-ctl-h:40px;--tk-ctl-h-sm:36px;--tk-row-h:40px;--tk-list-row-h:48px;--tk-table-row-h:48px;--tk-topbar-h:52px;--tk-toolbar-h:52px;--tk-check:20px}
/* Control density (#1055, Justin 2026-11-05): Normal and Slim, owned by the controls kit. A window or panel sets
   data-control-density="slim" and every row, field and gap inside follows; nothing sets its own spacing. Touch keeps
   targets of 32 px or more in Slim. */
:root{--tk-dens-row:36px;--tk-dens-ctl:30px;--tk-dens-item:28px;--tk-dens-gap:8px;--tk-dens-sec:12px}
[data-control-density=slim]{--tk-dens-row:30px;--tk-dens-ctl:28px;--tk-dens-item:24px;--tk-dens-gap:6px;--tk-dens-sec:8px}
@media (pointer:coarse){:root{--tk-dens-row:44px;--tk-dens-ctl:40px;--tk-dens-item:36px}[data-control-density=slim]{--tk-dens-row:40px;--tk-dens-ctl:36px;--tk-dens-item:32px}}
.tk-touch{--tk-dens-row:44px;--tk-dens-ctl:40px;--tk-dens-item:36px}.tk-touch [data-control-density=slim],.tk-touch[data-control-density=slim]{--tk-dens-row:40px;--tk-dens-ctl:36px;--tk-dens-item:32px}
/* Optional density preference for the Gantt only (device preference, not data). */
[data-density=comfortable]{--tk-row-h:34px;--tk-bar-h:14px}
@media (prefers-reduced-motion:reduce){:root{--tk-dur:0ms;--tk-dur-fast:0ms;--tk-dur-shift:0ms;--tk-press-dur:0ms;--tk-settle-dur:0ms;--tk-press-scale:1;--tk-lift:0px;--tk-thumb-stretch:0px;--tk-card-lift:0px}}
/* ---- Dark theme (Settings > Display). Same roles, dark values. Set on <html data-theme="dark"> by web/theme.ts.
   Literal colours elsewhere get their dark values from dark.css (generated by scripts/build-dark-css.mjs). */
:root[data-theme=dark]{
 --tk-spark:#3fd6c8;
 color-scheme:dark;
 /* Gantt colours (migration 022 palette names) */
 --tk-gc-indigo:#8d9bff;--tk-gc-violet:#bb88f5;--tk-gc-plum:#e17acb;--tk-gc-rose:#f3759f;--tk-gc-orange:#f38a31;--tk-gc-gold:#fbc031;--tk-gc-olive:#99d98c;--tk-gc-green:#57bb8c;--tk-gc-teal:#4fb7bb;
 --tk-gc-sky:#8ecae6;--tk-gc-blue:#41b5d3;--tk-gc-lavender:#8ca3df;--tk-gc-slate:#aa9ad0;--tk-gc-navy:#7fabc7;--tk-gc-grape:#9895ff;--tk-gc-mauve:#e37db6;--tk-gc-coral:#ff82a9;--tk-gc-cocoa:#bf92c6;
 --tk-gc-mustard:#fbf265;--tk-gc-forest:#77b496;--tk-gc-sage:#68b891;--tk-gc-spruce:#86b09b;--tk-gc-steel:#6babe1;--tk-gc-cobalt:#7e9dff;--tk-gc-graphite:#eceef4;--tk-gc-sand:#a3a4a8;
 --tk-bar-progress:#05061a66;
 --tk-bg:#0f1024;--tk-surface:#16183a;--tk-surface-2:#1b1e45;--tk-surface-3:#252a5a;
 --tk-control-on-shadow:0 1px 2px #00000066;
 --tk-lift-shadow:0 5px 14px #00000080;
 --tk-control-glow:10px;
 --tk-ink:#eceeff;--tk-ink-2:#c4c8ee;--tk-ink-3:#a3a8d6;--tk-ink-4:#666b9e;
 --tk-line:#2c3062;--tk-line-2:#3a3f78;--tk-line-3:#4b5190;--tk-hover:#20234d;--tk-chrome:#121433;--tk-strip:#121433;
 --tk-accent:#8d9bff;--tk-accent-ink:#a9b3ff;--tk-accent-soft:#262b63;--tk-accent-line:#3b4290;--tk-on-line:#4f58a0;--tk-focus-ring:0 0 0 3px #8d9bff55;
 --tk-primary:#eceeff;--tk-primary-hover:#ffffff;--tk-on-primary:#0f1024;--tk-on-colour:#ffffff;
 --tk-ok:#4fc28f;--tk-ok-soft:#13281f;--tk-ok-line:#1f4a37;
 --tk-late:#ff6b6b;--tk-late-soft:#331a1c;--tk-late-line:#5a2a2d;
 --tk-warn:#e0a443;--tk-warn-ink:#e9b866;--tk-warn-soft:#2d2414;--tk-warn-line:#55431f;
 --tk-lag:#ff9f1c;--tk-lag-ink:#ffb04d;
 --tk-blocked:#f08a4b;--tk-blocked-ink:#f5a571;--tk-blocked-soft:#33200f;
 --tk-info-soft:#272c4d;
 --tk-bar:#4f7fd6;--tk-bar-edge:#7aa9ff;--tk-bar-done:#3a3f6e;--tk-summary:#c9cfff;
 --tk-milestone:#eceeff;--tk-milestone-done:#3fb984;--tk-baseline-ghost:#383a6a;--tk-commit:#eceeff;
 --tk-dep:#7177ad;--tk-dep-active:#8d9bff;--tk-dep-invalid:#f0575d;--tk-today:#3fe0c5;--tk-today-w:1px;
 --tk-weekend:#13153a;--tk-grid-line:#1f2250;--tk-grid-line-major:#2c3062;--tk-critical:#ff6b6b;
 --tk-row-selected:#262b63;--tk-row-hover:#1d2048;--tk-holiday:#e0a4431c;--tk-holiday-edge:#e0a44330;--tk-holiday-ink:#e9b866;
 --tk-gantt-bar:#668fe1;--tk-gantt-sum:#6b64ce;--tk-edge-to:#fff;--tk-edge-pct:58%;--tk-edge-pct-done:65%;
 --tk-p1:#8c93e6;--tk-p2:#3fb3a8;--tk-p3:#e0a443;--tk-p4:#7aa9ff;--tk-p5:#9ca1aa;--tk-p6:#e07fb0;
 --tk-glass-bg:#1b1e4580;--tk-glass-edge:#ffffff24;--tk-glass-line:#ffffff14;--tk-glass-hi:#ffffff29;--tk-glass-shadow:0 14px 36px #00000080,0 2px 6px #0000004d;
 --tk-shadow-pop:0 10px 30px #00000080,0 1px 3px #00000066;--tk-shadow-dialog:0 24px 64px #000000aa;--tk-shadow-sheet:0 -8px 30px #00000080;--tk-scrim:#0a0b1ccc;
}
/* Icons are always neutral (Justin 2026-11-06). The accent colour picked in Settings › Display tints only the pill behind a
   command bar tool that is on: applyTheme sets --tk-control-tone to that palette colour (Graphite, the default, keeps --tk-accent). */
:root{--tk-icon:#2b2e35;--tk-icon-on:#fff;--tk-icon-label:#45484e}
:root[data-theme=dark]{--tk-icon:#d9dbe1;--tk-icon-on:#111216;--tk-icon-label:#c9cbd1}