/* ============================================================================
   spectral.css — NEW. The additive-light accent layer, on top of the LIGHT
   "press" theme (tokens.css). RGB + pairwise overlaps CMY + one molten orange.
   RULE: spectral colors are ACCENT LIGHT — used in motion (channel echoes,
   prism rays, hat dots) and kiln photography. NEVER as flat UI backgrounds.
   Page base stays warm-paper. Any two of these on a black ground converge to white.
   ============================================================================ */

:root,
[data-theme="press"] {
  /* The spectrum · light (dossier §II palette — canonical) */
  --r:   #FF2D55;   /* 620nm */
  --y:   #F0A516;   /* 580nm */
  --g:   #34C759;   /* 530nm */
  --c:   #22D3DB;   /* 490nm */
  --b:   #0A84FF;   /* 470nm */
  --m:   #D946EF;   /* 380nm */
  --hot: #FF7A1A;   /* kiln · 1090°C — photography/printer only */

  /* The channel-split primaries (alias used by .echo / .ch / .pdot).
     Canonical dossier values — supersede the draft's earlier hexes. */
  --prism-r: #FF2D55;
  --prism-g: #34C759;
  --prism-b: #0A84FF;

  /* ADDITIVE-LIGHT primaries — near-pure RGB so that screen-blending two channels
     yields the correct secondary (R+G=yellow, G+B=cyan, R+B=magenta) and all three
     = white. Used by every chromatic-aberration moment via isolation + screen. */
  --add-r: #FF2424;   /* each primary maxes its own channel (R/G/B = 255) so the */
  --add-g: #14FF2A;   /* three screened together resolve to pure #FFFFFF white,    */
  --add-b: #2A48FF;   /* while pairwise overlaps stay true yellow / cyan / magenta. */

  /* The two "night" surfaces — the only fully-dark moments on the site. */
  --ink:   #1A1714;
  --night: #0E0C09;
  --cream: #FAF4E6;
}

/* The additive-disc proof — three RGB discs that screen-blend to white.
   Renders true white center only on a dark ground (where it belongs). */
.spectral-proof { position: relative; width: 2.4rem; height: 1.4rem; isolation: isolate; }
.spectral-proof i { position: absolute; width: 1rem; height: 1rem; border-radius: 50%; mix-blend-mode: screen; }
.spectral-proof i:nth-child(1) { background: var(--prism-r); left: 0;     top: 0; }
.spectral-proof i:nth-child(2) { background: var(--prism-g); left: .55rem; top: 0; }
.spectral-proof i:nth-child(3) { background: var(--prism-b); left: .27rem; top: .4rem; }
