/* Theme variable sets. Default is "royal" (deep purple with gold highlights). */
:root, :root[data-theme="royal"] {
  --bg: #130e24; --bg-2: #1a1332; --surface: #221a44; --surface-2: #2d2358; --surface-3: #3a2e6e;
  --field: #170f2e; --line: #3d3170; --line-strong: #54449a; --text: #f4f0ff; --muted: #b3a8d6; --offwhite: #f8f5ff;
  --accent: #a77bff; --accent-strong: #8b5cf6; --accent-deep: #6d3fe0; --accent-glow: #c9adff;
  --gold: #eccb6f; --good: #4ade80; --bad: #ff8fa3; --focus: #ff2fd4; --focus-glow: #ff2fd455;
  --shadow: 0 6px 22px #0007; --on-accent: #fff;
  --page-bg: radial-gradient(1100px 620px at 15% -8%, #2c2058 0%, transparent 62%), radial-gradient(900px 500px at 105% 8%, #3a1d5e55 0%, transparent 60%), linear-gradient(180deg, #170f2e, #100a20);
  --card-bg: linear-gradient(160deg, #281f4e, #1f1840);
}
:root[data-theme="midnight"] {
  --bg: #0a1224; --bg-2: #0f1a33; --surface: #14223f; --surface-2: #1b2d52; --surface-3: #26407a; --field: #0c1630;
  --line: #243b6b; --line-strong: #3a5ba8; --text: #eef3ff; --muted: #9fb3dc; --offwhite: #f4f7ff;
  --accent: #6aa4ff; --accent-strong: #3b82f6; --accent-deep: #2557c7; --accent-glow: #a9c8ff; --gold: #7fe0d4;
  --page-bg: radial-gradient(1100px 620px at 15% -8%, #17306a 0%, transparent 62%), linear-gradient(180deg, #0c1630, #080f20);
  --card-bg: linear-gradient(160deg, #182a4d, #12213f);
}
:root[data-theme="ember"] {
  --bg: #1a0e0e; --bg-2: #241212; --surface: #2e1818; --surface-2: #3b2020; --surface-3: #542c2c; --field: #200f0f;
  --line: #5a2f2f; --line-strong: #8a4545; --text: #fff1ec; --muted: #d2aaa0; --offwhite: #fff6f2;
  --accent: #ff8a5c; --accent-strong: #ee5a2a; --accent-deep: #b9381a; --accent-glow: #ffb597; --gold: #ffd166;
  --page-bg: radial-gradient(1100px 620px at 15% -8%, #4a1c1c 0%, transparent 62%), linear-gradient(180deg, #1f1010, #150a0a);
  --card-bg: linear-gradient(160deg, #3a1f1f, #2b1717);
}
:root[data-theme="forest"] {
  --bg: #0a1812; --bg-2: #10241a; --surface: #15301f; --surface-2: #1c402a; --surface-3: #285a3b; --field: #0c1d14;
  --line: #28553a; --line-strong: #3f8057; --text: #ecfff3; --muted: #a2cbb0; --offwhite: #f3fff7;
  --accent: #5fe39a; --accent-strong: #22b86a; --accent-deep: #13854c; --accent-glow: #a3f5c8; --gold: #f2d768;
  --page-bg: radial-gradient(1100px 620px at 15% -8%, #14502f 0%, transparent 62%), linear-gradient(180deg, #0c1d14, #08140d);
  --card-bg: linear-gradient(160deg, #1b3b28, #142e1f);
}
:root[data-theme="light"] {
  --bg: #f4f1fb; --bg-2: #ebe6f7; --surface: #ffffff; --surface-2: #f0eafc; --surface-3: #ded3f7; --field: #ffffff;
  --line: #d4c9ee; --line-strong: #a994de; --text: #1f1638; --muted: #5d5282; --offwhite: #ffffff;
  --accent: #6d3fe0; --accent-strong: #6d3fe0; --accent-deep: #5a2fc8; --accent-glow: #5a2fc8; --gold: #b8860b; --good: #15803d; --bad: #c01f48;
  --shadow: 0 6px 20px #4a3a8a26; --on-accent: #fff;
  --page-bg: radial-gradient(1000px 520px at 10% -10%, #e5dcfb 0%, transparent 60%), linear-gradient(180deg, #f7f4fd, #eee9f9);
  --card-bg: linear-gradient(160deg, #ffffff, #f3eefc);
}