/* ============================================================ AISM shared subpage chrome. Every block is COPIED from concept-6c.html (origin line ranges noted per block; grep the range in concept-6c.html to sync). The only invented rules are the PAGE SHELL block at the end, typeset from the tokens. Canonical chrome markup: site/chrome.html. Behavior: site/site.js. Subpages run the LIGHT theme as the base; the nav bar is permanently navy (.is-navy is static in the markup: subpages have no hero tide, so there is no scroll flip). ============================================================ */ /* ============ GLOBAL TOKENS (origin: concept-6c.html 87-121; the light palette values from 136-145 are promoted into :root because subpages run light as the base) ============ */ :root{ --r-card:14px; /* the one card radius (round 38 token in concept-6c.html; here since round 40 for the /websites accordion frame; round 43: every framed subpage copy-box, see CARD-RADIUS FAMILY at the end): keep in sync */ --field:#F4F3EF; --field-2:#FFFFFF; --field-3:#ECEBE6; --field-deep:#FFFFFF; --lt:#141413; --lt-2:#3A3A37; --lt-3:#6B6B66; --btn-hover:#0A1628; /* round 57: the solid pill's hover fill, the brand navy (round 54's #1F1F1F sat too close to the resting ink to register) */ --hair:rgba(20,20,19,0.10); --hair-strong:rgba(20,20,19,0.22); --ink-rgb:20,20,19; /* the "ink" pole: what text is made of */ --paper-rgb:244,243,239; /* the "paper" pole: what the field is made of */ --ink-filter:invert(1) hue-rotate(180deg); /* baked-light assets (marks, atom, lockup) invert where ink is dark */ --peri:#5C90FF; --peri-soft:rgba(92,144,255,0.55); --peri-dark: var(--peri); /* ROUND 20 (Mark's escalation): the old base hue read purple on light fields too, so the hue itself is rejected. One blue, #5C90FF, on both grounds. --peri-dark survives as a var alias (a sanctioned one-off indirection: both tokens are theme-invariant and declared only here, so the no-token-references-a-token palette rule's re-resolution hazard cannot occur) so any future divergence is a one-line change. Dial: if the blue reads too electric, walk toward #6693FF. */ /* keep --peri, --peri-soft and --peri-dark in sync with concept-6c.html's inline token block */ --navy:#0B1B3F; /* theme-invariant: the nav bar, always */ color-scheme:light; --ease:cubic-bezier(0.16,1,0.3,1); --ease-soft:cubic-bezier(0.22,1,0.36,1); --font:'Switzer',Arial,sans-serif; /* display register: Switzer 600. The token keeps its historical name. */ --serif:'Switzer',Arial,sans-serif; --t-hero:clamp(2.7rem,4.6vw,4.5rem); --t-disp2:clamp(2.1rem,4vw,3.5rem); --t-quote:clamp(1.5rem,2.4vw,2.25rem); --t-ask:clamp(1.35rem,2.4vw,2.05rem); --t-lede:1.1rem; --t-lede-lg:clamp(1.3rem,1.55vw,1.55rem); --t-body:1rem; --t-small:0.85rem; --t-label:0.72rem; --t-link:0.85rem; --t-idx:0.85rem; --t-quiet:0.95rem; --t-entity:0.95rem; --w-4:400; --w-5:500; --w-6:600; --lh-disp:1.02; --lh-head:1.15; --lh-sub:1.3; --lh-body:1.65; --lh-solid:1; --track:0.22em; --track-serif:-0.025em; --track-h3:-0.01em; --gutter:5vw; --w-max:1400px; --sec-pad:8rem; } /* THEMING (origin: 122-147). data-theme on sets the page; data-theme on any
/