/* Page color themes (body[data-theme]), ported from the design mockups.
   Cell "themes" are alchemy categories, not colors — the whole page
   renders in one palette. */

body[data-theme="nightfall"] {
  --gold: #E3B84E;
  --page-bg: #0E1116;
  --ink: #EDEFF3; --sub: #828B9A;
  --accent: #5FD1C9; --accent-text: #0E1116; --accent-disabled: #232A38;
  --card-bg: #171B22; --card-border: 1px solid #262C36; --card-radius: 24px;
  --card-shadow: 0 20px 50px -20px rgba(0,0,0,0.6);
  --card-blur: 0px;
  --tile-radius: 12px;
  --element-bg: #232A38; --element-icon: #5FD1C9;
  --element-shadow: 0 0 18px rgba(95,209,201,0.35);
  --element-border: 1px solid rgba(95,209,201,0.4);
  --slot-bg: #1B212B; --slot-icon: #4A5568;
  --slot-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
  --slot-border: 2px dashed #2A313D;
  --fog-bg: #1F2530; --fog-icon: #4A5568;
  --fog-shadow: inset 0 1px 3px rgba(0,0,0,0.5); --fog-border: 1px solid #262C36;
  --found-bg: #232A38; --found-icon: #5FD1C9;
  --found-shadow: 0 0 18px rgba(95,209,201,0.35);
  --found-border: 1px solid rgba(95,209,201,0.4);
  --ring-color: rgba(95,209,201,0.85);
}

body[data-theme="pebble"] {
  --gold: #B4872E;
  --page-bg: #E7E4DD;
  --ink: #3B372F; --sub: #8A8377;
  --accent: #C1693F; --accent-text: #FFFFFF; --accent-disabled: #DAD6CC;
  --card-bg: #EDEAE3; --card-border: 1px solid transparent; --card-radius: 32px;
  --card-shadow: 10px 10px 24px rgba(0,0,0,0.08), -10px -10px 24px rgba(255,255,255,0.75);
  --card-blur: 0px;
  --tile-radius: 50%;
  --element-bg: #EFE7D8; --element-icon: #C1693F;
  --element-shadow: 4px 4px 10px rgba(0,0,0,0.10), -4px -4px 10px rgba(255,255,255,0.8);
  --element-border: none;
  --slot-bg: #EDEAE3; --slot-icon: #B7B0A2;
  --slot-shadow: inset 4px 4px 8px rgba(0,0,0,0.09), inset -4px -4px 8px rgba(255,255,255,0.7);
  --slot-border: 2px dashed rgba(193,105,63,0.3);
  --fog-bg: #EDEAE3; --fog-icon: #B7B0A2;
  --fog-shadow: inset 4px 4px 8px rgba(0,0,0,0.09), inset -4px -4px 8px rgba(255,255,255,0.7);
  --fog-border: none;
  --found-bg: #EFE7D8; --found-icon: #C1693F;
  --found-shadow: 4px 4px 10px rgba(0,0,0,0.10), -4px -4px 10px rgba(255,255,255,0.8);
  --found-border: none;
  --ring-color: rgba(193,105,63,0.8);
}

body[data-theme="glass"] {
  --gold: #FFD873;
  --page-bg: linear-gradient(135deg, #6D5BD0 0%, #C86DD7 50%, #FF9A8B 100%);
  --ink: #FFFFFF; --sub: rgba(255,255,255,0.75);
  --accent: #FFD873; --accent-text: #5A3EA1; --accent-disabled: rgba(255,255,255,0.15);
  --card-bg: rgba(255,255,255,0.14); --card-border: 1px solid rgba(255,255,255,0.35);
  --card-radius: 28px;
  --card-shadow: 0 8px 32px rgba(31,38,135,0.25);
  --card-blur: 20px;
  --tile-radius: 20px;
  --element-bg: rgba(255,255,255,0.30); --element-icon: #FFD873;
  --element-shadow: 0 4px 16px rgba(0,0,0,0.15);
  --element-border: 1px solid rgba(255,255,255,0.55);
  --slot-bg: rgba(255,255,255,0.10); --slot-icon: rgba(255,255,255,0.55);
  --slot-shadow: inset 0 1px 1px rgba(255,255,255,0.2);
  --slot-border: 2px dashed rgba(255,255,255,0.35);
  --fog-bg: rgba(255,255,255,0.12); --fog-icon: rgba(255,255,255,0.55);
  --fog-shadow: inset 0 1px 1px rgba(255,255,255,0.25);
  --fog-border: 1px solid rgba(255,255,255,0.25);
  --found-bg: rgba(255,255,255,0.30); --found-icon: #FFD873;
  --found-shadow: 0 4px 16px rgba(0,0,0,0.15);
  --found-border: 1px solid rgba(255,255,255,0.55);
  --ring-color: rgba(255,216,115,0.9);
}