/* ===================================================================== SIYA LEGACY VARIABLE COMPATIBILITY MAP — GENERATED, do not hand-edit. Regenerate: node tests/theme/gen_compat.js Why this exists --------------- The stylesheets declare legacy custom properties across 36 separate :root blocks, and the same name often holds several different values (--line had 14, --siya-primary had 11: navy, sage, sky, olive, royal blue and near black, all under one name). "Change the colour" meant "change it in 36 places and hope". This gives every legacy name ONE global default, pointed at a design token whenever a token is perceptually the same colour (CIE76 dE <= 5). Why it is safe -------------- It loads BEFORE every other stylesheet, so any file that declares its own value still wins on cascade order. Shipping this changes nothing on screen. As the per-file :root blocks are deleted page by page, each page falls through to the token - and inherits dark mode and density for free. 91 names now resolve to a token. 203 keep a literal: no token is close enough, so each has to be judged individually rather than unified blindly. Mappings that shift the colour by more than dE 2.0 (roughly a just-noticeable difference), each with what it did to contrast on white. Text colours marked "slightly lower" are all still far above the 4.5:1 AA bar; a true regression would be flagged CONTRAST REGRESSION and the theme tests fail on it: --av2-blue-soft #eff6ff -> #eef2f7 dE 2.6 1.09:1 -> 1.12:1 contrast unchanged --av2-line #d7e0ea -> #e2e8f0 dE 3.3 1.33:1 -> 1.23:1 slightly lower, still safe --border #dbe4ef -> #e2e8f0 dE 2.4 1.28:1 -> 1.23:1 slightly lower, still safe --canvas #eef4f3 -> #f6f8fb dE 3.1 1.11:1 -> 1.06:1 contrast unchanged, hue unified 170->216 --dsw-text #132236 -> #1e293b dE 4.0 16.03:1 -> 14.63:1 slightly lower, still safe --info #e0f2fe -> #eef2ff dE 4.9 1.15:1 -> 1.12:1 contrast unchanged, hue unified 204->226 --ink #172033 -> #0f172a dE 4.4 16.27:1 -> 17.85:1 contrast improved --line #e5e7eb -> #e2e8f0 dE 2.5 1.24:1 -> 1.23:1 contrast unchanged --line-strong #cbd7e4 -> #c3cedd dE 3.3 1.46:1 -> 1.59:1 contrast improved --login-line #dbe4f0 -> #e2e8f0 dE 2.8 1.28:1 -> 1.23:1 slightly lower, still safe --login-navy #07152d -> #0f172a dE 4.0 18.19:1 -> 17.85:1 slightly lower, still safe --m4-border #dbe5f1 -> #e2e8f0 dE 2.8 1.27:1 -> 1.23:1 contrast unchanged --m4-ink #142033 -> #0f172a dE 4.5 16.35:1 -> 17.85:1 contrast improved --op-border #dbe7ef -> #e2e8f0 dE 2.2 1.26:1 -> 1.23:1 contrast unchanged --op-ink #172033 -> #0f172a dE 4.4 16.27:1 -> 17.85:1 contrast improved --orange-soft #fff7ed -> #fffbeb dE 3.5 1.06:1 -> 1.04:1 contrast unchanged, hue unified 33->48 --paper-2 #f4f9f7 -> #f6f8fb dE 2.8 1.06:1 -> 1.06:1 contrast unchanged, hue unified 156->216 --pmr-border #d9e5f1 -> #e2e8f0 dE 3.2 1.28:1 -> 1.23:1 contrast unchanged --pmr-muted #617084 -> #5b6878 dE 4.0 5.05:1 -> 5.68:1 contrast improved --pmr-text #122033 -> #0f172a dE 4.6 16.40:1 -> 17.85:1 contrast improved --pp-soft #f2f8f6 -> #edfafa dE 2.6 1.08:1 -> 1.07:1 contrast unchanged, hue unified 160->180 --primary-soft #eff6ff -> #eef2f7 dE 2.6 1.09:1 -> 1.12:1 contrast unchanged --rmr-line #ccd7e3 -> #c3cedd dE 3.5 1.46:1 -> 1.59:1 contrast improved --rmr-muted #637286 -> #5b6878 dE 4.6 4.90:1 -> 5.68:1 contrast improved --rmr-text #18263a -> #1e293b dE 2.3 15.25:1 -> 14.63:1 slightly lower, still safe --siya-accent-soft #fff7ed -> #fffbeb dE 3.5 1.06:1 -> 1.04:1 contrast unchanged, hue unified 33->48 --siya-border-soft #d9e3e4 -> #e2e8f0 dE 4.5 1.31:1 -> 1.23:1 slightly lower, still safe, hue unified 185->214 --siya-lav #f3f0ff -> #eef2ff dE 2.6 1.12:1 -> 1.12:1 contrast unchanged, hue unified 252->226 --siya-navy #07182d -> #0f172a dE 2.7 17.83:1 -> 17.85:1 contrast unchanged --siya-orange-soft #fff7ed -> #fffbeb dE 3.5 1.06:1 -> 1.04:1 contrast unchanged, hue unified 33->48 --siya-round-blue-soft #eef6ff -> #eef2f7 dE 2.7 1.09:1 -> 1.12:1 contrast unchanged --siya-slate-soft #eef1e8 -> #f0fdf4 dE 4.9 1.14:1 -> 1.05:1 slightly lower, still safe, hue unified 80->138 --sn-nav-primary-soft #eff6ff -> #eef2f7 dE 2.6 1.09:1 -> 1.12:1 contrast unchanged --sn-page-bg #eef6ff -> #eef2f7 dE 2.7 1.09:1 -> 1.12:1 contrast unchanged --spm-border-strong #cbd5e1 -> #c3cedd dE 3.0 1.48:1 -> 1.59:1 contrast improved --spm-text #172033 -> #0f172a dE 4.4 16.27:1 -> 17.85:1 contrast improved --warn #fff7ed -> #fffbeb dE 3.5 1.06:1 -> 1.04:1 contrast unchanged, hue unified 33->48 ===================================================================== */ :root{ /* ---- mapped to design tokens ---- */ --ai5-bg:var(--s-bg-sunken); --ai5-card:var(--s-bg-surface); --ai5-line:var(--s-line-default); --av2-bg:var(--s-bg-app); --av2-blue-soft:var(--s-bg-sunken); --av2-card:var(--s-bg-surface); --av2-green-soft:var(--s-ok-50); --av2-line:var(--s-line-default); --badText:var(--s-danger-700); --bg:var(--s-bg-app); --border:var(--s-line-default); --canvas:var(--s-bg-app); --card:var(--s-bg-surface); --dsw-bg:var(--s-bg-app); --dsw-border:var(--s-line-default); --dsw-card:var(--s-bg-surface); --dsw-text:var(--s-ink-body); --fail:var(--s-danger-600); --green-soft:var(--s-ok-50); --idx-summary-white:var(--s-bg-surface); --info:var(--s-info-50); --ink:var(--s-ink-strong); --line:var(--s-line-default); --line-strong:var(--s-line-strong); --login-line:var(--s-line-default); --login-navy:var(--s-ink-strong); --m4-border:var(--s-line-default); --m4-ink:var(--s-ink-strong); --mso-bg:var(--s-bg-app); --op-bg:var(--s-bg-sunken); --op-border:var(--s-line-default); --op-card:var(--s-bg-surface); --op-ink:var(--s-ink-strong); --op-soft:var(--s-bg-app); --orange-soft:var(--s-warn-50); --panel:var(--s-bg-surface); --paper:var(--s-bg-surface); --paper-2:var(--s-bg-app); --pmr-bg:var(--s-bg-sunken); --pmr-border:var(--s-line-default); --pmr-card:var(--s-bg-surface); --pmr-muted:var(--s-ink-muted); --pmr-text:var(--s-ink-strong); --pp-soft:var(--s-bg-selected); --primary-soft:var(--s-bg-sunken); --red:var(--s-danger-700); --red-soft:var(--s-danger-50); --rmr-line:var(--s-line-strong); --rmr-muted:var(--s-ink-muted); --rmr-panel:var(--s-bg-surface); --rmr-text:var(--s-ink-body); --s6f-white:var(--s-bg-surface); --sd-card:var(--s-bg-surface); --siya-accent-soft:var(--s-warn-50); --siya-bg:var(--s-bg-app); --siya-border-soft:var(--s-line-default); --siya-card:var(--s-bg-surface); --siya-client-text:var(--s-ink-body); --siya-danger-soft:var(--s-danger-50); --siya-grey:var(--s-bg-app); --siya-lav:var(--s-info-50); --siya-navy:var(--s-ink-strong); --siya-orange-soft:var(--s-warn-50); --siya-primary-soft:var(--s-info-50); --siya-round-blue-soft:var(--s-bg-sunken); --siya-slate:var(--s-n-700); --siya-slate-dark:var(--s-ink-body); --siya-slate-soft:var(--s-ok-50); --siya-success:var(--s-ok-600); --siya-success-soft:var(--s-ok-50); --siya-surface:var(--s-bg-surface); --siya-ui-card:var(--s-bg-surface); --siya-ui12-card:var(--s-bg-surface); --siya-warning-soft:var(--s-warn-50); --sn-card:var(--s-bg-surface); --sn-nav-primary-soft:var(--s-bg-sunken); --sn-nav-success-soft:var(--s-ok-50); --sn-nav-surface:var(--s-bg-surface); --sn-nav-text:var(--s-ink-body); --sn-page:var(--s-bg-app); --sn-page-bg:var(--s-bg-sunken); --sn-white:var(--s-bg-surface); --spm-bg:var(--s-bg-app); --spm-border:var(--s-line-default); --spm-border-strong:var(--s-line-strong); --spm-surface:var(--s-bg-surface); --spm-text:var(--s-ink-strong); --surface:var(--s-bg-surface); --surface-soft:var(--s-bg-app); --text:var(--s-ink-strong); --warn:var(--s-warn-50); /* ---- not yet reconciled: literal kept so nothing shifts ---- */ --accent:#f97316; /* unreconciled */ --ai5-muted:var(--s-ink-muted); --ai5-text:var(--s-ink-strong); --amber:#92400e; /* unreconciled */ --av2-blue:#1a73e8; /* unreconciled */ --av2-blue-dark:#1d4ed8; /* unreconciled */ --av2-green:#16a34a; /* unreconciled */ --av2-ink:var(--s-ink-strong); --av2-line-strong:var(--s-line-strong); --av2-muted:var(--s-ink-muted); --av2-red:#dc2626; /* unreconciled */ --av2-soft:var(--s-bg-app); --bad:#fee2e2; /* unreconciled */ --bill-glow-x:50%; --bill-glow-y:18%; --bill-parallax-x:0px; --bill-parallax-y:0px; --blue:#2563eb; /* unreconciled */ --brand:#2563eb; /* unreconciled */ --collage-brightness:100%; --collage-contrast:105%; --collage-fit:cover; --collage-saturate:105%; --danger:#dc2626; /* unreconciled */ --dsw-muted:#65748a; /* unreconciled */ --green:#166534; /* unreconciled */ --gutter:20px; --idx-summary-black:#050505; /* unreconciled */ --idx-summary-card:#111111; /* unreconciled */ --idx-summary-card-hover:#181818; /* unreconciled */ --idx-summary-green:#86efac; /* unreconciled */ --idx-summary-line:rgba(255,255,255,.78); /* unreconciled */ --idx-summary-line-soft:rgba(255,255,255,.22); /* unreconciled */ --idx-summary-muted:rgba(255,255,255,.72); /* unreconciled */ --idx-summary-orange:#f59e0b; /* unreconciled */ --idx-summary-red:#fb7185; /* unreconciled */ --infoText:#075985; /* unreconciled */ --ink-soft:#33504d; /* unreconciled */ --login-blue:#2563eb; /* unreconciled */ --login-blue-dark:#1d4ed8; /* unreconciled */ --login-ink:var(--s-ink-strong); --login-muted:var(--s-ink-muted); --login-ok:#166534; /* unreconciled */ --mso-line:var(--s-line-default); --mso-muted:var(--s-ink-muted); --mso-text:var(--s-ink-strong); --muted:#64748b; /* unreconciled */ --navy:#07132e; /* unreconciled */ --ok:#dcfce7; /* unreconciled */ --okText:#166534; /* unreconciled */ --op-blue:#1f7b8c; /* unreconciled */ --op-muted:var(--s-ink-muted); --orange:#f59e0b; /* unreconciled */ --pmr-blue:#2563eb; /* unreconciled */ --pp-accent:#f97316; /* unreconciled */ --pp-brand:#0f766e; /* unreconciled */ --pp-ink:#102a2a; /* unreconciled */ --pp-line:#dce8e5; /* unreconciled */ --pp-muted:#657977; /* unreconciled */ --primary:#2563eb; /* unreconciled */ --primary-hover:#1d4ed8; /* unreconciled */ --radius:16px; --radius-lg:20px; --radius-md:14px; --radius-sm:10px; --radius-xl:28px; --s6f-black:#050505; /* unreconciled */ --s6f-card:#111111; /* unreconciled */ --s6f-card-2:#161616; /* unreconciled */ --s6f-green:#86efac; /* unreconciled */ --s6f-line:rgba(255,255,255,.74); /* unreconciled */ --s6f-muted:rgba(255,255,255,.72); /* unreconciled */ --s6f-orange:#f59e0b; /* unreconciled */ --s6f-red:#fb7185; /* unreconciled */ --s6f-soft:rgba(255,255,255,.16); /* unreconciled */ --sd-border:#c4b5fd; /* unreconciled */ --sd-border-soft:#e9d5ff; /* unreconciled */ --sd-muted:var(--s-ink-muted); --sd-primary:#4f46e5; /* unreconciled */ --sd-primary-2:#2563eb; /* unreconciled */ --sd-primary-dark:#312e81; /* unreconciled */ --sd-shadow:0 12px 30px rgba(79,70,229,.10); --sd-shadow-small:0 6px 16px rgba(49,46,129,.08); --sd-text:#1e1b4b; /* unreconciled */ --shadow:0 10px 28px rgba(31, 47, 70, .07); --shadow-lg:0 26px 70px rgba(13, 42, 40, .14); --shadow-sm:0 2px 8px rgba(13, 42, 40, .06); --shell:rgba(255, 255, 255, .84); /* unreconciled */ --siya-accent:#f97316; /* unreconciled */ --siya-blue:#2563eb; /* unreconciled */ --siya-border:var(--s-line-default); --siya-border-strong:#d1d5db; /* unreconciled */ --siya-btn-neat-font:.9rem; --siya-btn-neat-min-h:36px; --siya-btn-neat-pad-x:.78rem; --siya-btn-neat-pad-y:.48rem; --siya-btn-neat-radius:8px; --siya-clean-border:var(--s-line-default); --siya-clean-ink:var(--s-ink-strong); --siya-clean-line:var(--s-line-default); --siya-clean-muted:var(--s-ink-muted); --siya-clean-orange:#f97316; /* unreconciled */ --siya-clean-orange-dark:#ea580c; /* unreconciled */ --siya-clean-primary:#1e40af; /* unreconciled */ --siya-clean-primary-dark:#172554; /* unreconciled */ --siya-clean-soft:var(--s-bg-app); --siya-clean-text:var(--s-ink-strong); --siya-client-bg:var(--s-bg-app); --siya-client-border:var(--s-line-default); --siya-client-danger:#dc2626; /* unreconciled */ --siya-client-muted:var(--s-ink-muted); --siya-client-primary:#2563eb; /* unreconciled */ --siya-client-primary-dark:#1d4ed8; /* unreconciled */ --siya-client-radius:8px; --siya-client-radius-lg:14px; --siya-client-shadow:0 1px 3px rgba(15,23,42,.05),0 1px 2px rgba(15,23,42,.02); --siya-cream:#fed7aa; /* unreconciled */ --siya-danger:#dc2626; /* unreconciled */ --siya-decision-modal-z:9500; --siya-focus:0 0 0 .2rem rgba(249,115,22,.16); --siya-global-header-offset:124px; --siya-global-header-z:1000; --siya-ink:var(--s-ink-strong); --siya-line:var(--s-line-strong); --siya-loading-z:9800; --siya-modal-backdrop-z:9000; --siya-modal-top-gap:84px; --siya-modal-z:9010; --siya-muted:var(--s-ink-muted); --siya-navy-green:#0b302f; /* unreconciled */ --siya-navy-green-2:#0f3f3a; /* unreconciled */ --siya-orange:#f97316; /* unreconciled */ --siya-orange-dark:#c2410c; /* unreconciled */ --siya-orange2:#fb923c; /* unreconciled */ --siya-primary:#0b2a55; /* unreconciled */ --siya-primary-dark:#061b37; /* unreconciled */ --siya-print-border:var(--s-line-default); --siya-print-ink:var(--s-ink-strong); --siya-print-soft:var(--s-bg-app); --siya-radius:12px; --siya-radius-lg:18px; --siya-radius-sm:10px; --siya-round-blue:#0d6efd; /* unreconciled */ --siya-round-blue-dark:#003b8e; /* unreconciled */ --siya-selected-dark-blue:#003b8e; /* unreconciled */ --siya-selected-soft-blue:rgba(13,110,253,.18); /* unreconciled */ --siya-shadow:0 12px 30px rgba(15,23,42,.08); --siya-shadow-soft:0 8px 20px rgba(15,23,42,.06); --siya-surface-soft:var(--s-bg-app); --siya-text:var(--s-ink-strong); --siya-ui-border:var(--s-line-default); --siya-ui-muted:var(--s-ink-muted); --siya-ui-navy:var(--s-ink-strong); --siya-ui-soft:var(--s-bg-app); --siya-ui-text:var(--s-ink-strong); --siya-ui12-bg:var(--s-bg-app); --siya-ui12-border:var(--s-line-default); --siya-ui12-ink:var(--s-ink-strong); --siya-ui12-muted:var(--s-ink-muted); --siya-warning:#b45309; /* unreconciled */ --sn-b9e-menu-offset:118px; --sn-b9m-bottom-two:146px; --sn-b9m-float-right:22px; --sn-b9m-z:65000; --sn-black:#050505; /* unreconciled */ --sn-body:.94rem; --sn-border:var(--s-ink-strong); --sn-card-radius:18px; --sn-clinical-scale:1.25; --sn-font-digital:"Courier New", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; --sn-font-main:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; --sn-green:#22c55e; /* unreconciled */ --sn-green-dark:#24563b; /* unreconciled */ --sn-header-max:1680px; --sn-header-offset:190px; --sn-label:.76rem; --sn-line:#d1d5db; /* unreconciled */ --sn-line-strong:var(--s-ink-subtle); --sn-meta-scale:.70; --sn-muted:var(--s-ink-muted); --sn-nav-border:var(--s-line-default); --sn-nav-border-strong:var(--s-line-strong); --sn-nav-danger:#dc2626; /* unreconciled */ --sn-nav-focus:rgba(37, 99, 235, .24); /* unreconciled */ --sn-nav-muted:var(--s-ink-muted); --sn-nav-primary:#2563eb; /* unreconciled */ --sn-nav-primary-dark:#1d4ed8; /* unreconciled */ --sn-nav-radius:14px; --sn-nav-shadow:0 8px 28px rgba(15, 23, 42, .08); --sn-nav-surface-soft:var(--s-bg-app); --sn-red:#ff1744; /* unreconciled */ --sn-text:var(--s-ink-strong); --sn-title-1:clamp(1.32rem, 1.1rem + .55vw, 1.72rem); --sn-title-2:clamp(1.10rem, 1rem + .35vw, 1.34rem); --sn-title-3:1.02rem; --space:16px; --spm-danger:#be123c; /* unreconciled */ --spm-muted:#64748b; /* unreconciled */ --spm-primary:#2563eb; /* unreconciled */ --spm-primary-dark:#1d4ed8; /* unreconciled */ --spm-shadow:0 10px 30px rgba(15,23,42,.055); --tap:44px; --warnText:#9a3412; /* unreconciled */ }