:root {
  color-scheme: light;
  --ubox-bg: #f8fafc;
  --ubox-text: #1e293b;
  --ubox-card: #ffffff;
  --ubox-border: #e2e8f0;
  --ubox-accent: #2563eb;
}

html.dark {
  color-scheme: dark;
  --ubox-bg: #020617;
  --ubox-text: #e2e8f0;
  --ubox-card: #0f172a;
  --ubox-border: #1e293b;
  --ubox-accent: #60a5fa;
}

body {
  background-color: var(--ubox-bg);
  color: var(--ubox-text);
}