/* Light palette for the embedded audio utilities. */
:root[data-theme="light"] {
  --bg: #F8FBFF;
  --panel: #FFFFFF;
  --panel-raised: #F4F8FF;
  --line: #D4E2F5;
  --text: #202124;
  --text-dim: #5F6368;
  --amber: #4285F4;
  --teal: #3367D6;
  --rust: #4285F4;
  color-scheme: light;
}

:root[data-theme="light"],
:root[data-theme="light"] body {
  color-scheme: light;
  background: transparent;
  color: var(--text);
}

:root[data-theme="light"] .dropzone,
:root[data-theme="light"] .panel,
:root[data-theme="light"] .info-card,
:root[data-theme="light"] .waveform-wrap {
  border-color: var(--line);
  background: var(--panel);
  box-shadow: 0 8px 24px rgba(60, 64, 67, 0.08);
}

:root[data-theme="light"] .dropzone { background: #EEF5FF; }

:root[data-theme="light"] .dropzone:hover,
:root[data-theme="light"] .dropzone.dragover {
  border-color: #4285F4;
  background: #EEF5FF;
}

:root[data-theme="light"] .format-btn { border-color: var(--line); background: var(--panel-raised); color: var(--text-dim); }
:root[data-theme="light"] .format-btn:hover,
:root[data-theme="light"] .format-btn.active { border-color: #4285F4; background: #E8F0FE; color: #202124; }
:root[data-theme="light"] input,
:root[data-theme="light"] select,
:root[data-theme="light"] textarea { color: #202124; background-color: #FFFFFF; }
:root[data-theme="light"] audio { filter: none; }