/* Theme Variables */
:root,
[data-theme="light"] {
  --bg-primary: #ffffff;
  --bg-secondary: #f5f5f7;
  --bg-tertiary: #e8e8ed;
  --text-primary: #1d1d1f;
  --text-secondary: #6e6e73;
  --text-tertiary: #aeaeb2;
  --accent: #6c5ce7;
  --accent-hover: #5a4bd1;
  --accent-light: rgba(108, 92, 231, 0.1);
  --highlight-word: #fef08a;
  --highlight-sentence: rgba(108, 92, 231, 0.06);
  --border: #e5e5ea;
  --border-light: #f0f0f5;
  --player-bg: #ffffff;
  --card-bg: #ffffff;
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.08);
  --shadow-lg: 0 8px 30px rgba(0,0,0,0.12);
  --shadow-player: 0 -2px 20px rgba(0,0,0,0.08);
  --overlay: rgba(0,0,0,0.3);
  --input-bg: #f5f5f7;
  --success: #34c759;
  --danger: #ff3b30;
  --warning: #ff9500;
}

[data-theme="dark"] {
  --bg-primary: #1c1c1e;
  --bg-secondary: #2c2c2e;
  --bg-tertiary: #3a3a3c;
  --text-primary: #f5f5f7;
  --text-secondary: #98989d;
  --text-tertiary: #636366;
  --accent: #a29bfe;
  --accent-hover: #b4affe;
  --accent-light: rgba(162, 155, 254, 0.15);
  --highlight-word: #854d0e;
  --highlight-sentence: rgba(162, 155, 254, 0.08);
  --border: #38383a;
  --border-light: #2c2c2e;
  --player-bg: #2c2c2e;
  --card-bg: #2c2c2e;
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.2);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.3);
  --shadow-lg: 0 8px 30px rgba(0,0,0,0.4);
  --shadow-player: 0 -2px 20px rgba(0,0,0,0.3);
  --overlay: rgba(0,0,0,0.6);
  --input-bg: #2c2c2e;
  --success: #30d158;
  --danger: #ff453a;
  --warning: #ff9f0a;
}

/* Theme icon visibility */
[data-theme="light"] .icon-moon { display: none; }
[data-theme="light"] .icon-sun { display: block; }
[data-theme="dark"] .icon-sun { display: none; }
[data-theme="dark"] .icon-moon { display: block; }