/* perun.house design tokens: the one source for site/ and the press kit.
   Values only; components live in site.css. Rules and how to use these are
   in site/DESIGN.md, and every token is shown live at /site/design/. */
:root{
  --mono:ui-monospace,"SF Mono","Cascadia Mono","Segoe UI Mono",Consolas,monospace;
  --cond:"Arial Narrow",Haettenschweiler,Impact,"Segoe UI",sans-serif;
  --vo-a:#f84221; --vo-b:#0a0a0a;
  --vo-paper:var(--vo-a); --vo-ink:var(--vo-b);
  --shot-filter:grayscale(1) contrast(1.3) brightness(1.05);
  --shot-blend:multiply;
  --line:3px;
  --gut:clamp(16px,3vw,36px);
  --mx:.5; --my:.5;
  /* The scale. Use these, never typed values. */
  --t-xs:10px; --t-s:11px; --t-m:12px; --t-body:13px; --t-l:14px;
  --tr-0:.02em; --tr-1:.08em; --tr-2:.14em; --tr-3:.18em;
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:22px; --s-6:26px; --s-7:34px; --s-8:96px;
  /* Fades: 2 and 3 are secondary text, raised to .9 on 2026-10-12 (Damian's pick B
     on /decisions/) so they reach WCAG AA 4.5:1 in every palette, red / black the
     weakest. 1 is for things meant to recede (dimmed bars, marquee slashes). */
  --fade-1:.4; --fade-2:.9; --fade-3:.9;
}
[data-pal="red-black"]   {--vo-a:#f84221;--vo-b:#0a0a0a}
[data-pal="black-red"]   {--vo-a:#0a0a0a;--vo-b:#f84221}
[data-pal="yellow-black"]{--vo-a:#ffd400;--vo-b:#0a0a0a}
[data-pal="black-yellow"]{--vo-a:#0a0a0a;--vo-b:#ffd400}
[data-pal="blue-white"]  {--vo-a:#12379e;--vo-b:#f2f5ff}
[data-pal="white-blue"]  {--vo-a:#f2f5ff;--vo-b:#12379e}
/* Added 2026-10-11, Damian's picks from /colours/pairs. */
[data-pal="acid-black"]    {--vo-a:#c8f03c;--vo-b:#0a0a0a}
[data-pal="concrete-black"]{--vo-a:#bdbdb8;--vo-b:#0a0a0a}
[data-pal="lilac-black"]   {--vo-a:#c9b8ff;--vo-b:#0a0a0a}
[data-pal="forest-mint"]   {--vo-a:#12382b;--vo-b:#c6f2d6}
[data-pal="slate-bone"]    {--vo-a:#353c48;--vo-b:#ece6d8}
[data-pal="black-neon"]    {--vo-a:#0a0a0a;--vo-b:#3dff2b}
/* Photo treatment follows the flood: screen on dark palettes, multiply on light. */
[data-pal="black-red"],[data-pal="black-yellow"],[data-pal="blue-white"],
[data-pal="forest-mint"],[data-pal="slate-bone"],[data-pal="black-neon"]{
  --shot-filter:grayscale(1) contrast(1.16) brightness(1.02);--shot-blend:screen}