/* ky-mode — THE DUALITY LAW. Pairs with ky/ky-mode.js (which owns WHEN html.ky-wallmode is stamped; this file owns WHAT each state paints). html.ky-wallmode chrome is GLASS (liquid-glass material, accent- tinted via --lg-warm, opacity on the --kyg-alpha knob) html:not(.ky-wallmode) chrome is INK (the pure black-ink honey look: no backdrop-filter anywhere, opaque theme-token plates, ink borders, hard print shadows) THE STRIP IS PAINT-ONLY, NEVER GEOMETRY. Ink mode replaces background / border-COLOR / box-shadow / backdrop-filter and nothing else: padding, border-width, radius and margins are exactly what the glass lane set, so a mode flip repaints without a single reflow and the wave engine can flip the mode mid-frame if it ever wants to. TWO PLATE GRADES IN INK MODE, deliberately: floating chrome (music bar, booking panel — anything position:fixed over arbitrary scrolled content) gets an OPAQUE --color-background plate with an ink border and a hard-offset print shadow: it must be legible over whatever it happens to float above, and translucency is exactly what the ink state forbids. in-flow chrome (#ky-cal in the hero) goes BARE — numerals straight on the honey ground, which is what shipped in Honey & Ink. It sits ON the page, not over it; a plate there would be chrome for chrome's sake. CASCADE AUDIT — every rule below names what it out-guns and how. The two hard opponents: (1) ky/liquid-glass.js writes an INLINE backdrop-filter:url(#lg2-f-…)… on every lensed .lg-surface. Inline beats any non-important author rule, so every backdrop-filter:none in the ink section carries !important (an author !important beats a non-important inline style). (2) ky/liquid-glass.css [data-glass] .lg-surface[data-lg-inflow] { backdrop-filter:…!important } — (0,3,0) WITH !important. Between two !importants, specificity decides, so every ink selector here is prefixed html:not(.ky-wallmode)[data-glass] ≥ (0,2,1), lifting the generic surface rule to (0,3,1) > (0,3,0). ID-specificity opponents ((1,…) — class-count can never beat an ID, which is why the generic rule alone is NOT enough) get their own ID-level overrides below: #ky-cal (ky-cal.css (1,0,0) + glassify (1,1,0)), #ky-cal-panel (ky-cal.css (1,0,0)), #ky-cal-scrim (1,0,0), #Contact (+ wells) (ky-glassify.css (1,1,0) / (1,2,2)), and the switcher row's dotpill vs #ky-sw.nofx .ky-zine .dotpill (1,3,0). Other lanes: use .ky-glass / .lg-surface and design both states. These rules are the BASELINE gate; a lane may out-specific them for its own chrome (the contact card's --kyg-alpha-hi below is exactly that hook). Exempt on purpose: #ky-sw / #ky-devwall (dev chrome, not the site), #ky-cinema-exit / #ky-cinema-hint (cinema implies wallmode — they can never be seen in ink mode). */ /* ═══════════════════════════════════════════════════════════════════════ 0. THE KNOBS (both modes — other lanes read these) --kyg-alpha glass surface opacity. Defaults to the material's own --lg-tint (14% light / 20% dark-lum / 6% on slide's Apple-tuned pane), so declaring it changes NOTHING until a lane overrides it on an element — then the wallmode mapping in section 2 feeds it into both glass recipes. --kyg-alpha-hi the "less transparent" plate the contact band uses over its wallpaper (the owner's ask: same wallpaper behind the contact card, but through a denser pane). ═══════════════════════════════════════════════════════════════════════ */ html[data-glass]{ --kyg-alpha: var(--lg-tint, 14%); --kyg-alpha-hi: 55%; } /* ═══════════════════════════════════════════════════════════════════════ 1. INK MODE html:not(.ky-wallmode) — the pure black-ink honey look ═══════════════════════════════════════════════════════════════════════ */ /* (1a) the generic strip + print plate — every glass surface at once. Out-guns: [data-glass] .ky-glass (ky-glassify.css, (0,2,0)) and [data-glass] .lg-surface (liquid-glass.css, (0,3,0) at its [data-lg-inflow] strongest) by specificity (0,3,1); the engine's inline lens by !important. border-COLOR only — the glass 1px border stays 1px (geometry law); the inset hairline in the shadow fattens the edge to read ~2px without moving a single box. The 6px/8px zero-blur offset is the print-register shadow: hard, like an off-register second pass, in the theme's own ink. */ html:not(.ky-wallmode)[data-glass] :is(.ky-glass, .lg-surface){ background: var(--color-background, #F7EDD3); backdrop-filter: none !important; -webkit-backdrop-filter: none !important; border-color: color-mix(in srgb, var(--color-foreground, #14110A) 85%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-foreground, #14110A) 12%, transparent), 0 1px 0 color-mix(in srgb, var(--color-foreground, #14110A) 22%, transparent), 6px 8px 0 -5px color-mix(in srgb, var(--color-foreground, #14110A) 16%, transparent); } /* (1b) the engine's specular ring/glare span is glass furniture — a conic highlight on an opaque ink plate reads as a rendering error. display:none rather than opacity: the engine's pointer handlers keep writing its vars (deliberately left running so a flip back to wallmode is instant), and a hidden span costs none of that paint. */ html:not(.ky-wallmode)[data-glass] .lg2-spec{ display: none; } /* (1c) header pills — defensive only (ky-glassify.js currently STRIPS these classes from the header on its guard, but a cached copy or a future lane may re-add them). Paint off, geometry kept: the nav