:root{
  --bg:#0b0f17;
  --panel:#0f1624;
  --panel2:#0c1220;
  --text:#eef3ff;
  --muted:#9aa7c0;
  --line:rgba(255,255,255,.08);
  --blue:#2f6bff;
  --blue2:#4aa3ff;
  --shadow: 0 18px 60px rgba(0,0,0,.35);
  --radius: 18px;
  --radius2: 26px;

  --container: 1120px;
  --font: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* Light theme */
[data-theme="light"]{
  --bg:#ffffff;
  --panel:#f6f8ff;
  --panel2:#ffffff;
  --text:#0b1020;
  --muted:#5a657a;
  --line:rgba(10,20,40,.12);
  --shadow: 0 18px 55px rgba(10,20,40,.12);
}

*{ box-sizing:border-box; }
html,body{ height:100%; }
body{
  margin:0;
  font-family:var(--font);
  background: radial-gradient(1200px 600px at 10% -10%, rgba(47,107,255,.20), transparent 55%),
              radial-gradient(900px 500px at 90% 10%, rgba(74,163,255,.14), transparent 55%),
              var(--bg);
  color:var(--text);
  overflow-x:hidden;
}

a{ color:inherit; text-decoration:none; }
img{ max-width:100%; display:block; }

.container{
  width:min(var(--container), calc(100% - 40px));
  margin-inline:auto;
}

.muted{ color:var(--muted); }
.tiny{ font-size:12px; }
strong{ font-weight:700; }

.grad{
  background: linear-gradient(90deg, var(--blue), var(--blue2));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

::selection{ background: rgba(47,107,255,.35); }