/* public/tokens.css — the house's palette (design polish, phase 1, 25 October 2026; docs/polish-2026-10-25/phase-1/packet.md).
   :root holds the one set every page paints with: the Light look. Below it, the Light look's bars, and (v232, dark mode, 6 Nov 2026;
   docs/dark-mode-2026-11-06/v232.md) the Dark look, a whole block that gives the same names their dark values on the page that wears
   :root.pv-dark (lib/themes.js: Dark, or Automatic on a phone set dark) and on any element with the class theme-dark (the
   chooser's swatch), never on a door (signed out is always Light: views/preview/kit.js doorShell); then the scrims (the two shadows
   are with the pass's tokens, --shadow-1 at rest and --shadow-2 lifted), and the sign-in page's own frozen block. Wine, Midnight and Linen (the fix round's four themes, 26 Oct) are gone: a house that kept one
   of them is in the look it became (db.js, the migration 2026-11-06-two-looks). */
:root{--canvas:#FFFFFF;--surface:#FFFFFF;--paper:#FFF7EA;--panel:#F9F6F0;--line:#E9DFD2;--line-2:#D6CBBC;--ink:#2B2624;--ink-2:#625A54;--ink-3:#756B63;--hover:rgba(43,38,36,.05);--wine:#7A1F3D;--wine-press:#4A1828;--wine-tint:#F7E9EE;--wine-ring:rgba(122,31,61,.22);--on-wine:#FFFFFF;--gold:#A8812F;--gold-tint:#F6EEDD;--yes:#2F6B43;--yes-tint:#E8F2EB;--warn:#8A5A12;--warn-tint:#FBF1DF;--danger:#A1283F;--danger-tint:#FBEDEF;--mood-storm:#A22D19;--mood-storm-tint:#FBEEEB;--scrim:rgba(43,38,36,.5)}
:root{--gold-ink:#7A5B1C;--ink-4:#978D84}
/* (the Home design pass, 26 October 2026; every page since the apply pass, the same day: DESIGN.md) the design tokens, beside the
   colours: one spacing scale on a 4px grid, one type scale, three line heights, three radii and the photographs' own (--r-img, the closing touches), two shadows, the motion and the layout.
   public/preview-design.css draws every page with them. */
:root{--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-6:24px;--sp-8:32px;--sp-12:48px;--sp-16:64px;--fs-xs:12px;--fs-sm:13px;--fs-base:14px;--fs-md:16px;--fs-lg:20px;--fs-xl:24px;--fs-2xl:32px;--fs-post:15px;--lh-body:1.5;--lh-heading:1.25;--lh-display:1.1;--r-sm:16px;--r-md:16px;--r-img:12px;--r-full:999px;--shadow-1:0 1px 2px rgba(43,38,36,.06), 0 1px 3px rgba(43,38,36,.04);--shadow-2:0 2px 8px rgba(43,38,36,.06), 0 8px 24px -12px rgba(43,38,36,.12);--dur-fast:120ms;--dur:180ms;--dur-slow:260ms;--ease-out:cubic-bezier(.2,.8,.2,1);--ease-in:cubic-bezier(.4,0,1,1);--col-main:720px;--col-rail:320px;--col-gap:32px;--sidebar:240px;--sidebar-folded:96px;--field-h:44px;--r-field:16px}
:root{--scrim-ease:linear-gradient(to top, rgba(28,22,20,.6) 0%, rgba(28,22,20,.591) 8%, rgba(28,22,20,.563) 16%, rgba(28,22,20,.519) 24%, rgba(28,22,20,.461) 32%,
    rgba(28,22,20,.393) 40%, rgba(28,22,20,.319) 48%, rgba(28,22,20,.244) 56%, rgba(28,22,20,.172) 64%, rgba(28,22,20,.109) 72%, rgba(28,22,20,.057) 80%,
    rgba(28,22,20,.021) 88%, rgba(28,22,20,.005) 94%, rgba(28,22,20,0) 100%);--scrim-words:0 1px 2px rgba(28,22,20,.3), 0 0 14px rgba(28,22,20,.3)}
.pv, .theme-linen{--strip:var(--surface);--strip-scrolled:var(--surface);--strip-rule:1;--strip-ring:var(--surface);--bar:var(--panel);--bar-tablet:var(--surface);--bar-ink:var(--ink);--bar-ink-2:var(--ink-2);--bar-icon:var(--ink-2);--bar-line:var(--line);--bar-hover:var(--line);--bar-cur:var(--surface);--bar-cur-ink:var(--ink);--bar-amp:var(--ink-3);--bar-badge:var(--wine);--bar-badge-ink:var(--on-wine);--bar-focus:var(--wine);--bar-link:var(--wine);--top:var(--surface);--top-ink:var(--ink);--top-ink-2:var(--ink-2);--top-line:var(--line);--top-hover:var(--hover);--tab:var(--surface);--tab-ink:var(--ink-2);--tab-cur:var(--wine);--tab-cur-bg:transparent;--tab-cur-words:var(--wine);--tab-line:var(--line);--badge-ring:var(--surface)}
/* (take two, 26 Oct 2026, night: his item 10) White's swatch as a whole block, as Linen's is: in a house that wears another theme it reads White's own values (:root's), so its canvas, bar, surface, wine and ink are White's */
.pvx-sw.theme-linen{--canvas:#FFFFFF;--surface:#FFFFFF;--paper:#FFF7EA;--panel:#F9F6F0;--line:#E9DFD2;--line-2:#D6CBBC;--ink:#2B2624;--ink-2:#625A54;--ink-3:#756B63;--hover:rgba(43,38,36,.05);--wine:#7A1F3D;--wine-press:#4A1828;--wine-tint:#F7E9EE}
/* (v232, dark mode, 6 Nov 2026: his "one color for light, one color for dark"; he picked the study's A, tinted headers: docs/day-links-
   2026-11-06/packet.md part Q, sheets 25a to 25c) Dark: a warm charcoal page (#171412) and cards one step lighter (#221E1B), as Apple's
   elevated surfaces and Material 3's tonal containers are; light words at AA and more (the lowest, --ink-3, 6.5:1 on a card); the
   wine accent light enough to read and to fill a button with dark words; each state's tint dark with its words light. Every name
   the Light look's bars set (.pv, .theme-linen above) is set here too, so a swatch of the look reads right in either look. The
   wings' bands, the day colours and the faces are toned in art's own place (house.css, the dark block): a dark tint a step above
   the card, the title and the icon in the hue's light step (Radix's steps 3 to 4 and 11). --tick-edge: an unticked box's or a
   radio's ring, 3:1 and more on every surface (the study's 1.4:1). */
:root.pv-dark .pv, .theme-dark{--canvas:#171412;--surface:#221E1B;--panel:#2A2522;--paper:#2C2622;--hover:#2F2925;--line:#3B342F;--line-2:#4B423C;--ink:#F3EDE7;--ink-2:#CEC4BB;--ink-3:#ABA096;--ink-4:#A1968C;--wine:#DD93AA;--wine-press:#CC7F98;--wine-tint:#3C252D;--wine-ring:rgba(221,147,170,.32);--on-wine:#26101A;--gold:#E2BE78;--gold-ink:#E9CC93;--gold-tint:#352C1E;--yes:#9AD6AF;--yes-tint:#1E2F25;--warn:#E9C27A;--warn-tint:#3A2F1C;--danger:#F2A094;--danger-tint:#3D221F;--mood-storm:#F2A094;--mood-storm-tint:#3D221F;--scrim:rgba(0,0,0,.62);--tick-edge:#857A70;--shadow-1:0 1px 2px rgba(0,0,0,.32), 0 1px 3px rgba(0,0,0,.2);--shadow-2:0 2px 8px rgba(0,0,0,.36), 0 8px 24px -12px rgba(0,0,0,.6);--strip:#1B1815;--strip-scrolled:#1B1815;--strip-rule:1;--strip-ring:#1B1815;--bar:#1B1815;--bar-tablet:#1B1815;--bar-ink:#F3EDE7;--bar-ink-2:#CEC4BB;--bar-icon:#ABA096;--bar-line:#2E2824;--bar-hover:#28231F;--bar-cur:#3C252D;--bar-cur-ink:#F7D3DD;--bar-amp:#ABA096;--bar-badge:#DD93AA;--bar-badge-ink:#26101A;--bar-focus:#DD93AA;--bar-link:#E6D9CF;--top:#1B1815;--top-ink:#F3EDE7;--top-ink-2:#CEC4BB;--top-line:#2E2824;--top-hover:#28231F;--tab:#1B1815;--tab-ink:#CEC4BB;--tab-cur:#DD93AA;--tab-cur-bg:transparent;--tab-cur-words:#DD93AA;--tab-line:#2E2824;--badge-ring:#1B1815}
:root.pv-dark{color-scheme:dark; background-color:#171412}
/* The sign-in page keeps its own colours exactly (phase 1 leaves it as it was): the set's names at their old values, and its own few;
   (the fix round, 26 Oct) --paper and --r-sm at the values it was drawn with, as the round moves them for the house; (the closing touches, 26 Oct,
   night) --r-md and --shadow-2 too, as corners go to 16 and the lift softens. */
.pv.pv-k-door{--paper:#FBF2E1;--r-sm:6px;--r-md:12px;--bar:var(--surface);--bar-cur:var(--wine-tint);--bar-cur-ink:var(--wine);--shadow-2:0 4px 12px rgba(43,38,36,.08), 0 12px 32px -12px rgba(43,38,36,.18);--lift:0 1px 2px rgba(40,34,32,.06), 0 2px 8px -2px rgba(40,34,32,.06);--pop:0 18px 44px -18px rgba(40,28,18,.36), 0 2px 6px rgba(40,28,18,.06);--card-lift:0 1px 2px rgba(40,34,32,.06), 0 2px 8px -2px rgba(40,34,32,.06);--card-lift-up:0 1px 2px rgba(40,34,32,.08), 0 6px 16px -4px rgba(40,34,32,.12);--lift-up:0 1px 2px rgba(40,34,32,.08), 0 6px 16px -4px rgba(40,34,32,.12);--lift-key:0 1px 2px rgba(40,32,20,.10);--ink:#282220;--line:#E1DAD0;--wine:#69253A;--ink-3:#978D84;--hover:#F7F6F4;--wine-tint:#F5ECEE;--wine-ring:rgba(105,37,58,.18);--wine-press:#561D30;--door-sunk:#F5F4F1;--door-line-soft:#EEE8E0;--door-veil-64:rgba(255,255,255,.64);--door-veil-82:rgba(255,255,255,.82);--door-shade-who:rgba(60,40,20,.3)}
