/* ========================================================= Zeal Portal — Registers Final cohesion pass, July 2026. Two visual registers, assigned by what a page is FOR — orthogonal to the tier scale (which sets density/type), the way .is-warm is orthogonal to tiers. WORKING — pages whose job is to show or edit structured data (projects dashboard + detail, planners and calendars, finance dashboards, every tool). White ground; structural rules go black; fine grain stays soft; warmth is signal only (weekend, today, hover, selected, status tints). READING — pages whose job is to be read (OS docs, playbooks, home, brand, culture, careers, news, roadmap). No class needed: reading is the default — warm ground, soft hairlines, untouched. Usage: . This file must be linked AFTER the page's tier stylesheet so its --page-bg wins the cascade over Tier 3's --surface. The one lever: components draw their MAJOR lines with var(--rule-structural, ) — crown/header rule, table-head underline, stat-tile top/bottom, structural card borders. This class flips them all to ink at once. Row-to-row separators keep var(--rule) so the effect reads bold, not heavy. ========================================================= */ .reg-working { --page-bg: var(--paper); /* white ground, even on Tier 3 */ --rule-structural: var(--ink); /* major lines go black */ --card-rule: var(--ink); /* structural card borders */ } /* Paint the ground white. The visible ground is the main wrapper (flex:1, fills the viewport), which legacy portal-system.css paints --p-paper and the tools' section stylesheets paint --surface. The .reg-working descendant selector (0,2,0) beats both of those painters regardless of load order, so the working ground reads white without touching legacy. The bare body rule backs it up for any page whose main wrapper we haven't named. */ .reg-working { background: var(--paper); } .reg-working .p-main, .reg-working .mp-wrap { background: var(--paper); }