:root {
  color-scheme: light;
  --bg: #0f1221;
  --panel: rgba(17, 24, 39, 0.82);
  --panel-soft: rgba(30, 41, 59, 0.65);
  --border: rgba(148, 163, 184, 0.16);
  --text: #f8fafc;
  --muted: #94a3b8;
  --primary: #7c3aed;
  --primary-soft: rgba(124, 58, 237, 0.14);
  --cyan: #22d3ee;
  --red: #f97316;
  --green: #10b981;
  --yellow: #f59e0b;
  --pink: #ec4899;
  --shadow: 0 20px 50px rgba(2, 6, 23, 0.35);
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  min-height: 100%;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at top left, rgba(124, 58, 237, 0.22), transparent 28%),
    radial-gradient(circle at top right, rgba(34, 211, 238, 0.18), transparent 24%),
    linear-gradient(180deg, #090d18 0%, #0f1221 100%);
  color: var(--text);
}

body {
  padding: 32px;
}