/* theme.css - CSS variables + dark mode */

:root{
  --bg: #ffffff;
  --text: #111111;
  --muted: #666666;

  --card-bg: rgba(0,0,0,0.10);
  --border: #000000;

  --btn-bg: #3ACEFF;
  --btn-text: #000000;
  --btn-border: #000000;

  --danger-bg: #b00020;
  --danger-border: #b00020;

  --header-grad-a: #00BFFF;
  --header-grad-b: #9BE7FF;

  --chip-bg: rgba(255,255,255,0.65);
  --chip-border: rgba(0,0,0,0.20);
}

html[data-theme="dark"]{
  --bg: #0f1115;
  --text: #f3f3f3;
  --muted: #b6bcc7;

  --card-bg: rgba(255,255,255,0.06);
  --border: rgba(255,255,255,0.20);

  --btn-bg: #3ACEFF;
  --btn-text: #000000;
  --btn-border: rgba(255,255,255,0.25);

  --chip-bg: rgba(0,0,0,0.45);
  --chip-border: rgba(255,255,255,0.20);
}