:root{
  --bg0:#070A12;
  --bg1:#0B1220;
  --panel:#0f172a;
  --panel2:#0b1020;
  --card:#0b1220;
  --stroke:rgba(255,255,255,.10);

  --text:#e5e7eb;
  --muted:rgba(229,231,235,.72);
  --muted2:rgba(229,231,235,.55);

  --accent:#60a5fa;
  --accent2:#a78bfa;

  --radius:16px;
  --radius2:20px;
  --shadow: 0 16px 50px rgba(0,0,0,.45);
  --shadow2: 0 10px 24px rgba(0,0,0,.35);

  --focus: 0 0 0 4px rgba(96,165,250,.28);
}

*{ box-sizing:border-box; }
html,body{ height:100%; }

body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  background: radial-gradient(1200px 700px at 15% 10%, rgba(96,165,250,.12), transparent 60%),
              radial-gradient(900px 600px at 75% 40%, rgba(167,139,250,.10), transparent 55%),
              linear-gradient(180deg, var(--bg0), var(--bg1));
  color:var(--text);
}

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

a:focus-visible, button:focus-visible, input:focus-visible{
  outline:none;
  box-shadow: var(--focus);
  border-color: rgba(96,165,250,.55);
}

input, button{
  font: inherit;
}

::selection{
  background: rgba(96,165,250,.35);
}