/* Theme palettes, part 2: medieval (iron chrome, oxblood) and japanese (sumi and washi, vermilion). Rose and Verdant are in themes-book.css.
   Colour, chrome tone and photo scrim only; type, shape and card design are shared in tokens.css. */
:root[data-theme="medieval"] {
  color-scheme: dark;
  --bg-0: #121212; --bg-1: #1a1a1b; --bg-2: #242425;
  --ink-0: #ece7dc; --ink-1: #cbc5b6; --ink-2: #9d9786; --ink-3: #736e60;
  --violet: #7d6a96; --violet-rgb: 125, 106, 150;
  --rose: #9a3a36; --rose-rgb: 154, 58, 54;
  --cyan: #5f8187; --cyan-rgb: 95, 129, 135;
  --amber: #c98a30; --amber-rgb: 201, 138, 48;
  --emerald: #6b8a55; --emerald-rgb: 107, 138, 85;
  --slate: #8a8f94; --slate-rgb: 138, 143, 148;
  --a2-pct: 60%; --a2-target: #f5e6c8;
  --ai-pct: 78%; --ai-target: #14100c;
  --brand: #a33a34; --brand-2: #e0877e; --brand-rgb: 163, 58, 52;
  --band: #7a2a26; --band-ink: #f6ead8; --band-edge: #4a1a17; --dropcap: #7a2a26; --card-frame: rgba(70, 50, 30, 0.28);
  --danger: #c4483f; --danger-rgb: 196, 72, 63; --ok: #7a9a62;

  --glass: rgba(255, 255, 255, 0.04); --glass-strong: rgba(255, 255, 255, 0.07);
  --glass-border: rgba(255, 255, 255, 0.12); --glass-border-hi: rgba(255, 255, 255, 0.26);
  --surface: #1e1e1f; --chrome-bg: #151516;
  --panel-bg: #1e1e1f; --panel-bg-2: #29292a;
  --field-bg: rgba(0, 0, 0, 0.3); --field-bg-focus: rgba(0, 0, 0, 0.42);
  --inset: rgba(255, 255, 255, 0.05);
  --scrim: rgba(6, 6, 6, 0.72); --tip-bg: #151516;

  --card-bg: #dcd0b3; --card-border: #6b6b6e;
  --card-ink-0: #1c160f; --card-ink-1: #372e22; --card-ink-2: #574c3b; --card-ink-3: #5f5442;
  --card-inset: rgba(60, 40, 20, 0.07); --card-line: rgba(70, 50, 30, 0.3);
  --card-field-focus: rgba(255, 255, 255, 0.6);

  --primary-bg: #8f2d28; --primary-ink: #f8ece4; --primary-border: #5e1b18;
  --brand-ink: #f8ece4;

  --vignette: linear-gradient(180deg, rgba(10, 10, 10, 0.34), rgba(10, 10, 10, 0.8));
  --nav-bg: linear-gradient(180deg, rgba(10, 10, 10, 0.82), rgba(10, 10, 10, 0));
  --grid-dot: rgba(236, 231, 220, 0.12);
  --die-fill: #29292a; --die-stroke: #c98a30; --die-num: #ece7dc;
}

:root[data-theme="japanese"] {
  color-scheme: light;
  --bg-0: #efe9da; --bg-1: #e7e0cd; --bg-2: #f6f1e4;
  --ink-0: #1c1a19; --ink-1: #3a3633; --ink-2: #66605a; --ink-3: #8a847a;
  --violet: #6a5a86; --violet-rgb: 106, 90, 134;
  --rose: #b5323a; --rose-rgb: 181, 50, 58;
  --cyan: #3f6f86; --cyan-rgb: 63, 111, 134;
  --amber: #b8862b; --amber-rgb: 184, 134, 43;
  --emerald: #55785a; --emerald-rgb: 85, 120, 90;
  --slate: #6b7078; --slate-rgb: 107, 112, 120;
  --a2-pct: 78%; --a2-target: #14100c;
  --ai-pct: 78%; --ai-target: #14100c;
  --brand: #c1352c; --brand-2: #a32820; --brand-rgb: 193, 53, 44;
  --danger: #b5323a; --danger-rgb: 181, 50, 58; --ok: #55785a;

  --glass: rgba(28, 26, 25, 0.04); --glass-strong: rgba(28, 26, 25, 0.06);
  --glass-border: rgba(28, 26, 25, 0.16); --glass-border-hi: rgba(28, 26, 25, 0.38);
  --surface: #f4efe2; --chrome-bg: #f1ecde;
  --panel-bg: #f4efe2; --panel-bg-2: #e9e3d2;
  --field-bg: rgba(255, 255, 255, 0.55); --field-bg-focus: #fff;
  --inset: rgba(28, 26, 25, 0.05);
  --scrim: rgba(28, 26, 25, 0.45); --tip-bg: #f6f1e4;

  --card-bg: #f8f3e6; --card-border: rgba(28, 26, 25, 0.22);
  --card-ink-0: #1c1a19; --card-ink-1: #3a3633; --card-ink-2: #66605a; --card-ink-3: #8a847a;
  --card-inset: rgba(28, 26, 25, 0.05); --card-line: rgba(28, 26, 25, 0.16);
  --card-field-focus: rgba(255, 255, 255, 0.8);

  --primary-bg: #c1352c; --primary-ink: #fbf3e4; --primary-border: #8f2019;
  --brand-ink: #fbf3e4;

  --vignette: linear-gradient(180deg, rgba(239, 233, 218, 0.18), rgba(239, 233, 218, 0.72));
  --nav-bg: linear-gradient(180deg, rgba(239, 233, 218, 0.9), rgba(239, 233, 218, 0));
  --grid-dot: rgba(28, 26, 25, 0.14);
  --die-fill: #f4efe2; --die-stroke: #1c1a19; --die-num: #1c1a19;
}