/* ============================================================
   theme.css — design tokens, resets, and global background
   ============================================================ */

:root {
  /* Surfaces */
  --bg-0: #05060a;
  --bg-1: #0b0f1a;
  --glass: rgba(255, 255, 255, 0.04);
  --glass-border: rgba(255, 255, 255, 0.08);

  /* Text */
  --text: #e8ecf4;
  --text-dim: #8a93a8;

  /* Accents */
  --accent: #7c5cff;
  --accent-2: #22d3ee;
  --accent-3: #f472b6;
  --good: #34d399;

  /* Type */
  --font-sans: "SF Pro Display", -apple-system, BlinkMacSystemFont,
    "Segoe UI", Inter, system-ui, sans-serif;

  /* Radii & shadows */
  --radius-card: 22px;
  --radius-ctrl: 14px;
  --shadow-card: 0 20px 60px rgba(0, 0, 0, 0.35);
}

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

html,
body {
  height: 100%;
}

body {
  font-family: var(--font-sans);
  color: var(--text);
  min-height: 100vh;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  background:
    radial-gradient(1200px 800px at 80% -10%, rgba(124, 92, 255, 0.18), transparent 60%),
    radial-gradient(1000px 700px at 0% 110%, rgba(34, 211, 238, 0.14), transparent 55%),
    linear-gradient(160deg, var(--bg-1), var(--bg-0));
  background-attachment: fixed;
}

a {
  color: var(--accent-2);
  text-decoration: none;
}