:root {
  --brand:#0f766e; --ok:#16a34a; --warn:#dc2626;

  /* Light (default): dark text on light background */
  --bg:#ffffff;
  --text:#0b1220;
  --surface:#f9fafb;
  --card:#ffffff;
  --border:#d1d5db;
  --glass:#ffffffcc;

  /* Button colors (light) */
  --button-bg:#e5e7eb;
  --button-text:#111827;
  --button-border:#d1d5db;
}

html[data-theme="light"] {
  color-scheme: light;
  background: var(--bg);
  color: var(--text);
}

/* Dark: light text on dark background */
html[data-theme="dark"] {
  --bg:#0b1220;
  --text:#e5e7eb;
  --surface:#111827;
  --card:#0f172a;
  --border:#374151;
  --glass:#111827cc;

  --button-bg:#1f2937;
  --button-text:#e5e7eb;
  --button-border:#374151;

  color-scheme: dark;
  background: var(--bg);
  color: var(--text);
}

/* Shared muted tone */
.muted { color:#6b7280; }
html[data-theme="dark"] .muted { color:#9aa4b2; }

/* Buttons use theme variables */
button, .toggle-theme, .menu-btn, .copy-btn, .voice-btn {
  background: var(--button-bg);
  color: var(--button-text);
  border: 1px solid var(--button-border);
}
/* Primary action colors stay vivid */
.voice-btn { color:#fff !important; background:var(--ok) !important; }
.voice-btn.active { background:var(--warn) !important; }