/* Theme palettes, part 3: the book family siblings of Medieval. Rose (plum chrome, blush vellum, deep rose band) and
   Verdant (forest chrome, pale sage vellum, deep green band with a gold rule). Colour tokens only; the printed book
   formatting is shared in theme-boards.css under :root[data-family="book"]. Ids stay neon and modern so stored boards keep working. */
:root[data-theme="neon"] {
  color-scheme: dark;
  --bg-0: #160d13; --bg-1: #1d1219; --bg-2: #281a23;
  --ink-0: #f4e7ec; --ink-1: #d7c3cb; --ink-2: #aa949d; --ink-3: #8a7480;
  --violet: #8a6a9e; --violet-rgb: 138, 106, 158;
  --rose: #b8446a; --rose-rgb: 184, 68, 106;
  --cyan: #5f8796; --cyan-rgb: 95, 135, 150;
  --amber: #c98a30; --amber-rgb: 201, 138, 48;
  --emerald: #6b8f62; --emerald-rgb: 107, 143, 98;
  --slate: #8d8f9a; --slate-rgb: 141, 143, 154;
  --a2-pct: 60%; --a2-target: #fbe3ea;
  --ai-pct: 78%; --ai-target: #14090e;
  --brand: #ef9bb9; --brand-2: #f7c3d5; --brand-rgb: 239, 155, 185;
  --band: #f4bfd1; --band-ink: #3b0f24; --band-edge: #e08fab; --dropcap: #b03a66; --card-frame: rgba(90, 30, 55, 0.3);
  --danger: #d1495b; --danger-rgb: 209, 73, 91; --ok: #8aa87a;

  --glass: rgba(255, 235, 242, 0.04); --glass-strong: rgba(255, 235, 242, 0.07);
  --glass-border: rgba(255, 220, 232, 0.13); --glass-border-hi: rgba(255, 220, 232, 0.27);
  --surface: #211520; --chrome-bg: #170e14;
  --panel-bg: #211520; --panel-bg-2: #2d1c29;
  --field-bg: rgba(0, 0, 0, 0.3); --field-bg-focus: rgba(0, 0, 0, 0.42);
  --inset: rgba(255, 235, 242, 0.05);
  --scrim: rgba(12, 5, 9, 0.72); --tip-bg: #170e14;

  --card-bg: #f9e8ee; --card-border: #7d6169;
  --card-ink-0: #2a1119; --card-ink-1: #432531; --card-ink-2: #5f3a48; --card-ink-3: #6e4656;
  --card-inset: rgba(90, 30, 55, 0.07); --card-line: rgba(90, 30, 55, 0.28);
  --card-field-focus: rgba(255, 255, 255, 0.6);

  --primary-bg: #e07a9e; --primary-ink: #3b0f24; --primary-border: #c25f84;
  --brand-ink: #3b0f24;

  --vignette: linear-gradient(180deg, rgba(14, 6, 10, 0.34), rgba(14, 6, 10, 0.8));
  --nav-bg: linear-gradient(180deg, rgba(14, 6, 10, 0.82), rgba(14, 6, 10, 0));
  --grid-dot: rgba(244, 231, 236, 0.12);
  --die-fill: #2d1c29; --die-stroke: #d9a0b4; --die-num: #f4e7ec;
}

:root[data-theme="modern"] {
  color-scheme: dark;
  --bg-0: #0d1510; --bg-1: #131d17; --bg-2: #1b2a21;
  --ink-0: #e8f0e4; --ink-1: #c4d2c0; --ink-2: #94a692; --ink-3: #76896f;
  --violet: #77708f; --violet-rgb: 119, 112, 143;
  --rose: #a8485a; --rose-rgb: 168, 72, 90;
  --cyan: #4f8590; --cyan-rgb: 79, 133, 144;
  --amber: #c9a24e; --amber-rgb: 201, 162, 78;
  --emerald: #5f8a3e; --emerald-rgb: 95, 138, 62;
  --slate: #82938c; --slate-rgb: 130, 147, 140;
  --a2-pct: 60%; --a2-target: #eef6dc;
  --ai-pct: 78%; --ai-target: #0b140e;
  --brand: #5f8a3e; --brand-2: #a9d084; --brand-rgb: 95, 138, 62;
  --band: #1d4a30; --band-ink: #f2f7e8; --band-edge: #b0923f; --dropcap: #245a35; --card-frame: rgba(40, 70, 40, 0.3);
  --danger: #c4483f; --danger-rgb: 196, 72, 63; --ok: #7fae62;

  --glass: rgba(235, 255, 235, 0.04); --glass-strong: rgba(235, 255, 235, 0.07);
  --glass-border: rgba(220, 245, 220, 0.12); --glass-border-hi: rgba(220, 245, 220, 0.26);
  --surface: #16231b; --chrome-bg: #101a14;
  --panel-bg: #16231b; --panel-bg-2: #1f3026;
  --field-bg: rgba(0, 0, 0, 0.3); --field-bg-focus: rgba(0, 0, 0, 0.42);
  --inset: rgba(235, 255, 235, 0.05);
  --scrim: rgba(4, 9, 6, 0.72); --tip-bg: #101a14;

  --card-bg: #d8e3c9; --card-border: #66705c;
  --card-ink-0: #122016; --card-ink-1: #223a2a; --card-ink-2: #3a5642; --card-ink-3: #456049;
  --card-inset: rgba(30, 60, 30, 0.07); --card-line: rgba(40, 70, 40, 0.28);
  --card-field-focus: rgba(255, 255, 255, 0.6);

  --primary-bg: #2d6a3e; --primary-ink: #f2f7e8; --primary-border: #1a4226;
  --brand-ink: #f2f7e8;

  --vignette: linear-gradient(180deg, rgba(6, 12, 8, 0.34), rgba(6, 12, 8, 0.8));
  --nav-bg: linear-gradient(180deg, rgba(6, 12, 8, 0.82), rgba(6, 12, 8, 0));
  --grid-dot: rgba(232, 240, 228, 0.12);
  --die-fill: #1f3026; --die-stroke: #c9a24e; --die-num: #e8f0e4;
}