:root {
  --color-bg: #f5f5f5;
  --color-bg-nav: #ffffffcc;
  --color-text: #111;
  --color-accent: #2b6cb0;
  --color-border: #ddd;
}

:root[data-theme='dark'] {
  --color-bg: #1a1a1a;
  --color-bg-nav: #222;
  --color-text: #f5f5f5;
  --color-accent: #63b3ed;
  --color-border: #333;
}

* {
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

html,
body {
  margin: 0;
  padding: 0;
  background: var(--color-bg);
  color: var(--color-text);
  font-family: 'Inter', system-ui, sans-serif;
}