/* ============================================================ ZAK UI — zak-ui.css Layer 2 for reg.zakwof.com. zak-theme.css owns the palette, the type, and the primitives: buttons, tables, pills, strips, fields, tabs and the three loaders. It does not know about an application shell, a selection bar, a dialog or a toast. This file adds those, using the same tokens and the same z- prefix, so it sits on the Laravel panel beside Bootstrap without a collision. Load order: 1. bootstrap 2. zak-theme.css tokens + primitives 3. zak-ui.css shell, data, feedback z- wins where they overlap, and nothing here targets a bare element outside .z-root, so a page that has not been converted is untouched. ── PROVENANCE ────────────────────────────────────────────── Written from the Zakwof Design System spec (claude.ai design project 9f39665a), not copied from its zak-ui.css: that file could not be extracted through the browser — the editor virtualises its rows, clipboard reads are refused, and the GetFile RPC returns protobuf. Every value below is taken from the published spec or from zak-theme.css, which the repo already has. If the original is ever exported, prefer it over this file. The house rules this obeys, all of them from the spec: · no pure white — paper, paper2, card are the only three grounds · ink is not black · depth comes from rules, not shadows · five meanings, no sixth — ink, red, green, amber, gold · red is the brand AND stop, so nothing else may be red · destructive is outlined, never filled · colour is never the only carrier — rows take a left rule too · every number carries a label and a sentence ============================================================ */ /* ------------------------------------------------------------ 0. ADDITIONS TO THE TOKEN SET Only what the shell genuinely needs and the base sheet lacks. ------------------------------------------------------------ */ .z-root { --sidebar-w: 232px; --sidebar-w-collapsed: 56px; --bar-h: 52px; --context-h: 40px; /* one step lighter and one darker than --bar, for the shell only */ --bar2: #23272d; --bar-line: #33383f; --z-max: 1480px; /* The second sticky column's offset — the width of the checkbox column in front of it. A token rather than a fallback inside var(), so it can be found by reading the token block: a property that exists only as `var(--x, 34px)` is indistinguishable from a typo, and a typo'd custom property is dropped in silence. */ --stick-2: 34px; } /* LIGHT, DELIBERATELY, AND SAID TO THE BROWSER. The ZAK system is paper with ink and opens with "NO PURE WHITE"; it has no dark palette, and zak-bridge.css already ruled on that — the bridge stands down under [data-bs-theme="dark"] and Sneat's own dark mode keeps running, because "that is a gap to close with the theme's author, not something to guess at here". The same holds here, so no dark token set is invented below. What this line fixes is the part that was actually broken rather than merely light: a .z-root surface inside a dark panel still inherited color-scheme: dark, so the browser painted the checkboxes, the