/* Central colour roles. Components use these variables; literal values live here.
 * Dark is the no-JavaScript fallback. An explicit choice wins over the OS setting.
 * Study/portrait/embed palettes are intentionally independent of the page mode. */
:root {
  color-scheme: dark;
  --mlc-atmos-purple-opacity: .30;
  --mlc-atmos-cyan-opacity: .25;
  --mlc-bg: #0a0e1a;
  --mlc-ink: #eef1f8;
  --mlc-mute: #9aa3bd;
  --mlc-text-secondary: #bdc7d9;
  --mlc-text-emphasis: #e6d9ed;
  --mlc-purple: #832472;
  --mlc-purple-2: #b53aa0;
  --mlc-cyan: #0abbef;
  --mlc-cyan-2: #5fd6ff;
  --mlc-accent-soft: #c6a0da;
  --mlc-accent-cool: #83d9e8;
  --mlc-line: rgba(var(--mlc-contrast-rgb), .09);
  --mlc-glass: rgba(var(--mlc-contrast-rgb), .04);
  --mlc-glass-2: rgba(var(--mlc-contrast-rgb), .07);
  --mlc-term-bg: #0b0f1a;
  --mlc-surface-raised: #161a2a;
  --mlc-surface-card: #131d30;
  --mlc-surface-fragment: #161b28;
  --mlc-surface-purple: #211e30;
  --mlc-on-brand: #ffffff;
  --mlc-success: #27c83f;
  --mlc-error: #ff6b6b;
  --mlc-chrome-red: #ff5f56;
  --mlc-chrome-yellow: #febc2e;
  --mlc-chrome-green: #27c83f;
  --mlc-heading-start: #e8a5dd;
  --mlc-heading-mid: #a6b4ed;
  --mlc-heading-end: #74dafb;
  --mlc-page-rgb: 10,14,26;
  --mlc-panel-rgb: 12,16,28;
  --mlc-contrast-rgb: 255,255,255;
  --mlc-ink-rgb: 238,241,248;
  --mlc-muted-rgb: 154,163,189;
  --mlc-purple-rgb: 131,36,114;
  --mlc-cyan-rgb: 10,171,239;
  --mlc-cyan-bright-rgb: 95,214,255;
  --mlc-shadow-rgb: 0,0,0;
  --mlc-accent-rgb: 198,160,218;
  --mlc-accent-cool-rgb: 131,217,232;
  --mlc-study-bg: #dbe9ed;
  --mlc-study-ink: #132535;
  --mlc-study-muted: #405c69;
  --mlc-study-meta: #405461;
  --mlc-study-heading: #142d3b;
  --mlc-study-copy: #334e5d;
  --mlc-study-link: #213e4c;
  --mlc-study-accent: #496f7b;
  --mlc-study-label: #426574;
  --mlc-study-line: #12334524;
  --mlc-portrait-start: #382d44;
  --mlc-portrait-end: #152c3d;
  --mlc-paper-purple: #1a1929;
  --mlc-paper-purple-start: #33203c;
  --mlc-paper-purple-end: #201e34;
  --mlc-paper-blue-start: #173148;
  --mlc-paper-blue-end: #172138;
  --mlc-paper-line: #b3aec632;
  --mlc-paper-accent: #e9a0d975;
  --mlc-paper-fold-blue: #80d8f1;
  --mlc-paper-fold-mid: #98bbe2;
  --mlc-paper-fold-purple: #c58bbf;
  --mlc-embed-bg: #ffffff;
  --mlc-embed-ink: #333333;
  --mlc-video-bg: #000000;
  --mlc-video-ink: #9aa3bd;
}

:root[data-mlc-theme="light"] {
  color-scheme: light;
  --mlc-atmos-purple-opacity: .10;
  --mlc-atmos-cyan-opacity: .10;
  --mlc-bg: #f5f7fb;
  --mlc-ink: #172438;
  --mlc-mute: #526078;
  --mlc-text-secondary: #34445c;
  --mlc-text-emphasis: #49394f;
  --mlc-purple-2: #a52a90;
  --mlc-cyan: #006b8b;
  --mlc-cyan-2: #005570;
  --mlc-accent-soft: #754167;
  --mlc-accent-cool: #006b8b;
  --mlc-line: rgba(var(--mlc-contrast-rgb), .18);
  --mlc-term-bg: #ffffff;
  --mlc-surface-raised: #edf1f8;
  --mlc-surface-card: #ffffff;
  --mlc-surface-fragment: #e9edf4;
  --mlc-surface-purple: #eae6f0;
  --mlc-success: #19742a;
  --mlc-error: #b82028;
  --mlc-heading-start: #832472;
  --mlc-heading-mid: #305b9a;
  --mlc-heading-end: #006b8b;
  --mlc-page-rgb: 245,247,251;
  --mlc-panel-rgb: 250,251,254;
  --mlc-contrast-rgb: 24,40,65;
  --mlc-ink-rgb: 23,36,56;
  --mlc-muted-rgb: 82,96,120;
  --mlc-cyan-rgb: 0,107,139;
  --mlc-cyan-bright-rgb: 0,107,139;
  --mlc-accent-rgb: 117,65,103;
  --mlc-accent-cool-rgb: 0,107,139;
  --mlc-paper-purple: #ede6f1;
  --mlc-paper-purple-start: #ede0ef;
  --mlc-paper-purple-end: #e3e4f0;
  --mlc-paper-blue-start: #deedf5;
  --mlc-paper-blue-end: #e5eaf4;
  --mlc-paper-line: #52607832;
  --mlc-paper-accent: #83247275;
  --mlc-paper-fold-blue: #006b8b;
  --mlc-paper-fold-mid: #305b9a;
  --mlc-paper-fold-purple: #754167;
}

body {
  --wp--preset--color--mlc-bg: var(--mlc-bg);
  --wp--preset--color--mlc-purple: var(--mlc-purple);
  --wp--preset--color--mlc-purple-2: var(--mlc-purple-2);
  --wp--preset--color--mlc-cyan: var(--mlc-cyan);
  --wp--preset--color--mlc-cyan-2: var(--mlc-cyan-2);
  --wp--preset--color--mlc-ink: var(--mlc-ink);
  --wp--preset--color--mlc-mute: var(--mlc-mute);
  --wp--preset--color--mlc-line: var(--mlc-line);
  --wp--preset--color--mlc-glass: var(--mlc-glass);
  --wp--preset--color--mlc-glass-2: var(--mlc-glass-2);
}