/* Shared public-site neutral palette. Signed-in workspaces retain their colors. */
:root{
  --ink-neutral:#333333;
  --text-soft:#6B6B6B;
  --surface-cool:#F5F6F7;
  --rule-neutral:#E0E3E7;
  --surface-sky:#F2F7FA;
}
body:has(#main[data-page]):not(:has(.plat)){
  --ink:var(--ink-neutral);
  --muted:var(--text-soft);
  --paper:var(--white);
  --paper-2:var(--surface-cool);
  --cream:var(--surface-cool);
  --line:var(--rule-neutral);
  --mist:var(--surface-cool);
  --sage:var(--surface-cool);
  --gold-soft:var(--surface-cool);
  --program-peach:var(--surface-cool);
  --program-blue-gray:var(--surface-cool);
  --program-lavender:var(--surface-cool);
}
#main[data-page=home] .hero h1 em{color:var(--crimson)}

#main[data-page=home] .headline-soft{color:var(--text-soft)}
#main[data-page]:not(:has(.plat)) .photo-img img{filter:none;opacity:1;mix-blend-mode:normal}
/* Notice copy needs stronger contrast on the retained pale-crimson surface. */
#main[data-page] :is(.notice,.demo-banner){color:var(--ink)}