/* Colour themes (palettes). Loaded by the public site and the admin before their own stylesheets.
   <html data-palette="..."> picks one; the plain :root block is the default (Light Lab).
   site.css, scenes.css and admin.css only read these --p-* values, so a theme is changed here and nowhere else.
   Options are documented in docs/DESIGN_SYSTEM.md; see D-023 in docs/DECISIONS.md. */

/* D. Light Lab (default): white site, charcoal text and dark bands. Pink for buttons and calls to action, purple for links,
   icons and highlighted words (client, 2026-10-27), green only in small touches. Flat colour: no gradients or glows. */
:root {
  --p-accent: #d6307a; --p-accent-2: #bd2268; --p-accent-deep: #5b2bd0; --p-accent-ink: #6a3be0; --p-on-accent: #ffffff;
  --p-lum: #b79bff; --p-soft: #efe9ff; --p-hi: #3e9e2e;
  --p-pink: #d6307a; --p-pink-lum: #ff8cc0; --p-pink-soft: #fde8f2; --p-pink-rgb: 236 72 153;
  --p-ink: #16141a; --p-ink-2: #1f1c24; --p-ink-3: #2a2630;
  --p-paper: #faf8fc; --p-fill: #f6f3fa;
  --p-text: #1f1b22; --p-text-2: #4d4650; --p-text-3: #655d67;
  --p-line: #ebe5f0; --p-line-2: #d6cde0;
  --p-on-ink: #fbf8fa; --p-on-ink-2: #ded6dc; --p-on-ink-3: #aaa0a8;
  --p-panel-a: #2a2630; --p-panel-b: #1c1a20; --p-panel-field: #35303b;
  --p-accent-rgb: 214 48 122; --p-deep-rgb: 91 43 208; --p-lum-rgb: 183 155 255; --p-glow-rgb: 140 82 255;
  --p-hi-rgb: 62 158 46; --p-ink-rgb: 22 20 26; --p-ink2-rgb: 31 28 36; --p-text-rgb: 31 27 34; --p-on-accent-rgb: 255 255 255;
  /* HDR light streak in this theme's colours (used only on HDR screens). */
  --p-hdr-glint: url('/img/hdr/hdr-glint-pink.avif');
}

/* A. Circuit Violet: deep violet night, purple buttons, green only as small highlights. */
html[data-palette="a"] {
  --p-accent: #8c52ff; --p-accent-2: #7440e8; --p-accent-deep: #4b23b0; --p-accent-ink: #6a3be0; --p-on-accent: #ffffff;
  --p-lum: #b79bff; --p-soft: #efe9ff; --p-hi: #7ed957;
  --p-pink: #d6307a; --p-pink-lum: #ff7ab8; --p-pink-soft: #fde8f2; --p-pink-rgb: 236 72 153;
  --p-ink: #0e0a1a; --p-ink-2: #171128; --p-ink-3: #221a38;
  --p-paper: #f6f4fb; --p-fill: #f7f5fc;
  --p-text: #15111f; --p-text-2: #403a52; --p-text-3: #5a536e;
  --p-line: #e2ddee; --p-line-2: #c6bedb;
  --p-on-ink: #f5f2ff; --p-on-ink-2: #c4bbdd; --p-on-ink-3: #9a91b5;
  --p-panel-a: #2a2240; --p-panel-b: #1a1429; --p-panel-field: #332a4d;
  --p-accent-rgb: 140 82 255; --p-deep-rgb: 75 35 176; --p-lum-rgb: 183 155 255; --p-glow-rgb: 140 82 255;
  --p-hi-rgb: 126 217 87; --p-ink-rgb: 14 10 26; --p-ink2-rgb: 23 17 40; --p-text-rgb: 21 17 31; --p-on-accent-rgb: 255 255 255;
  --p-hdr-glint: url('/img/hdr/hdr-glint.avif');
}

/* B. Neural Green: near-black forest, green buttons with dark text, purple headline accents. */
html[data-palette="b"] {
  --p-accent: #7ed957; --p-accent-2: #6bc447; --p-accent-deep: #3f8f2c; --p-accent-ink: #2f7a20; --p-on-accent: #0a110c;
  --p-lum: #9be87a; --p-soft: #eaf8e3; --p-hi: #8c52ff;
  --p-pink: #d6307a; --p-pink-lum: #ff7ab8; --p-pink-soft: #fde8f2; --p-pink-rgb: 236 72 153;
  --p-ink: #0a110c; --p-ink-2: #101a13; --p-ink-3: #19271d;
  --p-paper: #f4f7f2; --p-fill: #f5f9f3;
  --p-text: #0f1a12; --p-text-2: #3a4a3d; --p-text-3: #54655a;
  --p-line: #dce6da; --p-line-2: #bacbb8;
  --p-on-ink: #f2f8ef; --p-on-ink-2: #bfd0be; --p-on-ink-3: #93a893;
  --p-panel-a: #1e2b22; --p-panel-b: #131d16; --p-panel-field: #26362b;
  --p-accent-rgb: 126 217 87; --p-deep-rgb: 63 143 44; --p-lum-rgb: 155 232 122; --p-glow-rgb: 126 217 87;
  --p-hi-rgb: 140 82 255; --p-ink-rgb: 10 17 12; --p-ink2-rgb: 16 26 19; --p-text-rgb: 15 26 18; --p-on-accent-rgb: 10 17 12;
  --p-hdr-glint: url('/img/hdr/hdr-glint.avif');
}

/* C. Split Brain: neutral ink, purple buttons, green only as small highlights. */
html[data-palette="c"] {
  --p-accent: #8c52ff; --p-accent-2: #7440e8; --p-accent-deep: #4b23b0; --p-accent-ink: #6a3be0; --p-on-accent: #ffffff;
  --p-lum: #b79bff; --p-soft: #efe9ff; --p-hi: #7ed957;
  --p-pink: #d6307a; --p-pink-lum: #ff7ab8; --p-pink-soft: #fde8f2; --p-pink-rgb: 236 72 153;
  --p-ink: #0c0c12; --p-ink-2: #14141d; --p-ink-3: #1e1e2a;
  --p-paper: #f5f5f8; --p-fill: #f6f6f9;
  --p-text: #121218; --p-text-2: #3c3c4a; --p-text-3: #565667;
  --p-line: #e0e0e8; --p-line-2: #c3c3d2;
  --p-on-ink: #f4f4f8; --p-on-ink-2: #bdbdcc; --p-on-ink-3: #9393a6;
  --p-panel-a: #24242f; --p-panel-b: #17171f; --p-panel-field: #2d2d3a;
  --p-accent-rgb: 140 82 255; --p-deep-rgb: 75 35 176; --p-lum-rgb: 183 155 255; --p-glow-rgb: 140 82 255;
  --p-hi-rgb: 126 217 87; --p-ink-rgb: 12 12 18; --p-ink2-rgb: 20 20 29; --p-text-rgb: 18 18 24; --p-on-accent-rgb: 255 255 255;
  --p-hdr-glint: url('/img/hdr/hdr-glint.avif');
}

/* Burgundy: the previous theme, kept for comparison. */
html[data-palette="burgundy"] {
  --p-accent: #8c1d40; --p-accent-2: #701532; --p-accent-deep: #581228; --p-accent-ink: #8c1d40; --p-on-accent: #ffffff;
  --p-lum: #ee7d9d; --p-soft: #f9e9ee; --p-hi: #ffb08a;
  --p-pink: #c2486c; --p-pink-lum: #ee7d9d; --p-pink-soft: #f9e9ee; --p-pink-rgb: 238 125 157;
  --p-ink: #100a0b; --p-ink-2: #1c1214; --p-ink-3: #291b1e;
  --p-paper: #f6f4ef; --p-fill: #f9f5f6;
  --p-text: #151011; --p-text-2: #473a3d; --p-text-3: #5f5457;
  --p-line: #e3d8db; --p-line-2: #cbbabe;
  --p-on-ink: #fbf4f6; --p-on-ink-2: #d0bfc3; --p-on-ink-3: #a69297;
  --p-panel-a: #362328; --p-panel-b: #23171a; --p-panel-field: #40292f;
  --p-accent-rgb: 140 29 64; --p-deep-rgb: 88 18 40; --p-lum-rgb: 238 125 157; --p-glow-rgb: 200 45 90;
  --p-hi-rgb: 255 176 138; --p-ink-rgb: 16 10 11; --p-ink2-rgb: 28 18 20; --p-text-rgb: 21 16 17; --p-on-accent-rgb: 255 255 255;
}