:root {
  --color-bg: #050816;
  --color-bg-elevated: #111827;
  --color-primary: #38bdf8;
  --color-primary-soft: rgba(56, 189, 248, 0.12);
  --color-danger: #f97373;
  --color-text: #e5e7eb;
  --color-text-muted: #9ca3af;
  --color-border: #1f2937;
  --radius-md: 12px;
  --radius-lg: 18px;
  --shadow-soft: 0 18px 45px rgba(15, 23, 42, 0.8);
}

:root[data-theme="light"] {
  --color-bg: #f8fafc;
  --color-bg-elevated: #e2e8f0;
  --color-primary: #0066cc;
  --color-primary-soft: rgba(0, 102, 204, 0.12);
  --color-danger: #dc2626;
  --color-text: #0f172a;
  --color-text-muted: #475569;
  --color-border: #cbd5e1;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text",
    "Segoe UI", sans-serif;
  background: radial-gradient(circle at top, #020617 0, #020617 40%, #000 100%);
  color: var(--color-text);
  -webkit-font-smoothing: antialiased;
}

:root[data-theme="light"] body {
  background: linear-gradient(135deg, #f8fafc 0%, #e0e7ff 100%);
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  max-width: 100%;
  display: block;
}

button {
  font: inherit;
}

input,
select,
textarea {
  font: inherit;
  color: inherit;
}

body,
button,
input,
select,
textarea {
  color-scheme: dark;
}