:root,
[data-theme="light"] {
  --bg: #f3f5f8;
  --bg-elevated: #ffffff;
  --bg-muted: #e8edf3;
  --surface: #ffffff;
  --border: #d5dde8;
  --text: #142033;
  --text-muted: #5b6b82;
  --primary: #0f6e56;
  --primary-hover: #0c5a46;
  --primary-soft: rgba(15, 110, 86, 0.12);
  --accent: #c45c26;
  --accent-soft: rgba(196, 92, 38, 0.12);
  --danger: #b42318;
  --warning: #b54708;
  --success: #027a48;
  --info: #175cd3;
  --sidebar: #0d1b2a;
  --sidebar-text: #c9d4e3;
  --sidebar-active: #1b4332;
  --shadow: 0 10px 30px rgba(20, 32, 51, 0.06);
  --radius: 14px;
  --font: "DM Sans", system-ui, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, monospace;
  --chart-1: #0f6e56;
  --chart-2: #c45c26;
  --chart-3: #175cd3;
  --chart-4: #7a5af8;
  --chart-5: #e31b54;
}

[data-theme="dark"] {
  --bg: #0b1220;
  --bg-elevated: #121a2b;
  --bg-muted: #1a2438;
  --surface: #151e30;
  --border: #2a364c;
  --text: #e8eef8;
  --text-muted: #93a0b5;
  --primary: #3dcfb0;
  --primary-hover: #2fb899;
  --primary-soft: rgba(61, 207, 176, 0.14);
  --accent: #f0a06a;
  --accent-soft: rgba(240, 160, 106, 0.14);
  --danger: #f97066;
  --warning: #fdb022;
  --success: #32d583;
  --info: #84caff;
  --sidebar: #060b14;
  --sidebar-text: #a8b6cc;
  --sidebar-active: #12352c;
  --shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
  --chart-1: #3dcfb0;
  --chart-2: #f0a06a;
  --chart-3: #84caff;
  --chart-4: #bdb4fe;
  --chart-5: #fea3b4;
}

* {
  box-sizing: border-box;
}

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

body {
  background:
    radial-gradient(1200px 600px at 10% -10%, var(--primary-soft), transparent 55%),
    radial-gradient(900px 500px at 100% 0%, var(--accent-soft), transparent 50%),
    var(--bg);
}

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

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