:root {
  color-scheme: dark;
  --page-bg: #090d12;
  --page-bg-soft: #0f151d;
  --surface: #121923;
  --surface-raised: #17212d;
  --surface-subtle: #101720;
  --border: #293544;
  --border-soft: #202b38;
  --text: #edf3f8;
  --text-strong: #ffffff;
  --muted: #aab6c2;
  --muted-soft: #7f8c99;
  --accent: #8fd5b5;
  --accent-strong: #34c784;
  --danger: #ff6b6b;
  --shadow: rgba(0, 0, 0, 0.38);
  --focus-ring: rgba(143, 213, 181, 0.42);
  font-family:
    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;
  background: var(--page-bg);
  color: var(--text);
}

* {
  box-sizing: border-box;
}

body {
  background:
    radial-gradient(circle at 18% 0%, rgba(52, 199, 132, 0.12), transparent 28rem),
    linear-gradient(180deg, var(--page-bg-soft), var(--page-bg));
  color: var(--text);
}

a {
  color: var(--accent);
}