/* Scheme B (cool-gray minimal). Page backgrounds, rules and text come only from generated tokens.css.
   The content palette below is for illustrations, demo graphics and sample art only, never for text or surfaces. */
:root{--art-1:#D3D3DA;--art-2:#B4B4BE;--art-3:#8F8F9A;--art-4:#6E6E7A;--art-violet-1:#CECBF6;--art-violet-2:#AFA9EC;--art-porcelain:#FFFFFF;--art-charcoal:#3A3A42}
:root[data-theme="dark"]{--art-violet-1:#7F77DD;--art-violet-2:#534AB7;--art-porcelain:#EDEDF0;--art-charcoal:#2C2C33}
@media (prefers-color-scheme:dark){:root:not([data-theme]){--art-violet-1:#7F77DD;--art-violet-2:#534AB7;--art-porcelain:#EDEDF0;--art-charcoal:#2C2C33}}
/* Legacy names still referenced by older layers. */
:root{--web-gray:var(--art-3);--web-gray-light:var(--art-2);--web-gray-dark:var(--art-4);--web-gray-pale:var(--art-1);--web-accent-soft:var(--art-violet-2);--web-accent-pale:var(--art-violet-1)}
[data-site] body,[data-home] body{background:var(--bg)}
[data-site] .site-header,[data-home] .site-header{background:var(--bg);border-color:var(--line)}
[data-site] .primary,[data-home] .primary{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}
[data-site] .primary:hover{background:var(--brand-hover);border-color:var(--brand-hover)}
[data-site] :focus-visible{outline-color:var(--brand-fg)}
[data-site] .site-footer{background:var(--surface);border-color:var(--line)}[data-site] .detail-shot{background:var(--surface)}
[data-site] .help-art,[data-site] .help-contact,.project-trail,[data-site] #subscribe{background:var(--surface);border-color:var(--line)}