:root {
  --bg: #0b1118;
  --surface: #141d28;
  --raised: #1b2532;
  --border: #253142;
  --border2: #324358;
  --text: #e7eef8;
  --muted: #9badc4;
  --bright: #f4f9ff;
  --amber: #f59e0b;
  --green: #30d58a;
  --violet: #7a8bff;
  --blue: #4ea1ff;
  --teal: #0bb7a7;
  --font-display: 'Rajdhani', sans-serif;
  --font-body: 'IBM Plex Sans', sans-serif;
  --font-data: 'JetBrains Mono', monospace;
  color-scheme: dark;
}

[data-theme="light"] {
  --bg: #f3f7fc;
  --surface: #ffffff;
  --raised: #ecf2fa;
  --border: #d8e3f0;
  --border2: #bfd0e4;
  --text: #0f1828;
  --muted: #4a607d;
  --bright: #020816;
  --amber: #b76d00;
  --green: #0e8a54;
  --violet: #4a5fd4;
  --blue: #1159c7;
  --teal: #0a7f75;
  color-scheme: light;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-body);
}

h1,
h2,
h3 {
  font-family: var(--font-display);
  color: var(--bright);
  line-height: 1.05;
  letter-spacing: 0.01em;
}

a {
  color: inherit;
}