/* Phase 2 brand lock — 2026-09-05.
   Scoped to Folio/portal hosts and the Play shell.
   Do not remap :root --csl-ink — that token is Paper on market + cinema. */

html[data-theme="portal"],
html[data-theme="dark"],
body.folio-play {
  --csl-primary: #ef0107;
  --csl-primary-deep: #db0007;
  --csl-paper: #ffffff;
  --csl-accent-navy: #063672;
  --csl-accent-gold: #9c824a;
  --csl-ink-ground: #0b0d10;
  --csl-ink-soft: #151820;
  --csl-mist: #a3a9b5;

  --font-display: "Montserrat", "Archivo", sans-serif;
  --font-sans: "Inter", "Hanken Grotesk", system-ui, sans-serif;
}

html[data-theme="portal"] {
  --portal-void: #ffffff;
  --portal-void-2: #f6f7f9;
  --portal-gold: #db0007;
  --portal-ink: #0b0d10;
  --portal-muted: #4b5260;
  --portal-magenta: #ef0107;
  --portal-slime: #4b5260;
  --portal-chrome: #3c4654;
  --folio-sky: #ffffff;
  --folio-sky-2: #f6f7f9;
  --folio-cream: #0b0d10;
  --folio-ink: #0b0d10;
  --folio-paper: #ffffff;
  --folio-run: #ef0107;
  background: #ffffff;
  color-scheme: light;
}

html[data-theme="portal"] body:not(.folio-play) {
  background: #ffffff;
  color: #0b0d10;
}

html[data-theme="dark"] {
  --portal-void: #0b0d10;
  --portal-void-2: #151820;
  --portal-gold: #ef0107;
  --portal-ink: #f4f4f1;
  --portal-muted: #a3a9b5;
  --portal-magenta: #ef0107;
  --portal-slime: #a3a9b5;
  --portal-chrome: #d7dde8;
  --folio-sky: #0b0d10;
  --folio-sky-2: #151820;
  --folio-cream: #f4f4f1;
  --folio-ink: #f4f4f1;
  --folio-paper: #151820;
  --folio-run: #ef0107;
  background: #0b0d10;
  color-scheme: dark;
}

html[data-theme="dark"] body:not(.folio-play) {
  background: #0b0d10;
  color: #f4f4f1;
}

body.folio-play {
  --portal-void: #0b0d10;
  --portal-void-2: #151820;
  --portal-gold: #ef0107;
  --portal-ink: #f4f4f1;
  --portal-muted: #a3a9b5;
  --portal-magenta: #ef0107;
  --portal-slime: #a3a9b5;
  --portal-chrome: #d7dde8;
  --folio-sky: #0b0d10;
  --folio-sky-2: #151820;
  --folio-cream: #f4f4f1;
  --folio-ink: #f4f4f1;
  --folio-paper: #151820;
  --folio-run: #ef0107;
}