:root {
  --bg: #0a0b10;
  --bg-soft: #11131c;
  --bg-card: rgba(255, 255, 255, 0.02);
  --bg-card-hover: rgba(255, 255, 255, 0.05);
  --border-soft: rgba(255, 255, 255, 0.05);
  --border-strong: rgba(255, 255, 255, 0.1);
  --text: #e2e8f0;
  --text-soft: #94a3b8;
  --text-faint: #64748b;
  --amber: #f97316;
  --emerald: #10b981;
  --red: #ef4444;
  --blue: #60a5fa;
  --radius-xl: 2rem;
  --radius-lg: 1rem;
  --radius-md: 0.75rem;
  --shadow-soft: 0 16px 32px rgba(0, 0, 0, 0.25);
}

body[data-theme='light'] {
  color-scheme: light;
  --bg: #f4f7fb;
  --bg-soft: #ffffff;
  --bg-card: rgba(255, 255, 255, 0.92);
  --bg-card-hover: rgba(255, 255, 255, 1);
  --border-soft: rgba(71, 85, 105, 0.12);
  --border-strong: rgba(71, 85, 105, 0.2);
  --text: #16233a;
  --text-soft: #41516a;
  --text-faint: #6a7a93;
  --shadow-soft: 0 18px 40px rgba(15, 23, 42, 0.08);
}

body[data-theme='dark'] {
  color-scheme: dark;
}