/*
 * Theme tokens — loaded before style.css. Body carries class theme-hollywood | theme-theater
 * so only one palette applies per page (no mixed cached variants on the same URL).
 */

body.theme-hollywood {
  color-scheme: dark;
  /* Leather & wood (DOS-adjacent browns) */
  --bg-deep: #0f0b08;
  --bg: #16100c;
  --bg-panel: #1f1610;
  --bg-inset: #120d0a;
  --wood-dark: #2a1c12;
  --wood-mid: #3d2818;
  --wood-light: #5c3d24;
  --leather: #1a120c;
  /* Parchment & ink (dialogue / card surfaces) */
  --parchment: #f2e8d5;
  --parchment-mid: #e4d6be;
  --parchment-shadow: #c4b49a;
  --ink: #1a0f0a;
  --ink-dim: #3d2818;
  /* Brass & accents */
  --brass: #b8922a;
  --brass-dim: #7a6218;
  --brass-bright: #f0d878;
  --copper: #8b5c38;
  /* Links on dark background — ≥4.5:1 vs --bg-deep */
  --link: #9fd4ff;
  --link-hover: #cce9ff;
  /* Status — ≥4.5:1 on parchment */
  --success: #1e5c28;
  --success-fg: #e8f5e9;
  --danger: #8b2504;
  --danger-fg: #fff5f3;
  /* Chrome */
  --border-wood: #2a1810;
  --border-brass: #6b5420;
  --shadow-pixel: #080605;
  /* Focus ring — ≥3:1 vs adjacent backgrounds (2.4.7, 1.4.11) */
  --focus-ring: #0b62c9;
  --focus-ring-inner: #ffffff;
  --accent-action: var(--brass);
  --accent-link: var(--link);
}

/* Luxury cinema — auditorium outside, bright “screen” surface for content (WCAG AA on screen) */
body.theme-theater {
  color-scheme: dark;
  --body-text: #252220;
  --bg-deep: #070605;
  --bg: #0f0c0a;
  --bg-panel: #faf8f5;
  --bg-inset: #f0ebe4;
  --wood-dark: #3a3530;
  --wood-mid: #5a534a;
  --wood-light: #7a7268;
  --leather: #1c1816;
  --parchment: #fdfcfa;
  --parchment-mid: #f3eee6;
  --parchment-shadow: #dcd5ca;
  --ink: #1a1614;
  --ink-dim: #4a443c;
  --brass: #9a7b1c;
  --brass-dim: #6e5612;
  --brass-bright: #c9a43a;
  --copper: #7a5345;
  /* Links on light screen — ≥4.5:1 vs parchment */
  --link: #0a4f63;
  --link-hover: #063747;
  --success: #1a5c24;
  --success-fg: #e8f5e9;
  --danger: #7a1c1c;
  --danger-fg: #fff5f3;
  --border-wood: rgba(26, 22, 20, 0.14);
  --border-brass: rgba(201, 164, 58, 0.45);
  --shadow-pixel: rgba(0, 0, 0, 0.12);
  --focus-ring: #0b62c9;
  --focus-ring-inner: #ffffff;
  --accent-action: #2a2420;
  --accent-link: var(--link);
}
