/* theme.css — variables and theme overrides (light/dark) */

:root {
  --accent: #e78a8a;
  --bg: #0f1012;
  --surface: rgba(255,255,255,0.02);
  --text: #e6e7ea;
  --muted: rgba(230,230,234,0.6);
  --border: rgba(255,255,255,0.03);
}

/* Light theme overrides */
[data-theme="light"] {
  --accent: #d85757;
  --bg: #f7f7f8;
  --surface: rgba(0,0,0,0.03);
  --text: #111114;
  --muted: rgba(17,17,20,0.55);
  --border: rgba(0,0,0,0.06);
}

/* Apply variables globally */
html, body {
  background: var(--bg);
  color: var(--text);
}

/* subtle global transition for theme switching */
html, body, .card {
  transition: background-color 260ms ease, color 260ms ease, box-shadow 260ms ease;
}

/* links */
a { color: var(--accent); text-decoration: none; }
a:hover { opacity: 0.9; }

/* small helpers for contrast on light theme */
[data-theme="light"] .card {
  background: #ffffff;
  border: 1px solid var(--border);
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
}