:root{
  --bg:#0f172a;          /* slate-900 */
  --panel:#111827;       /* gray-900 */
  --muted:#94a3b8;       /* slate-400 */
  --text:#e5e7eb;        /* gray-200 */
  --accent:#22d3ee;      /* cyan-400 */
  --accent-2:#a78bfa;    /* violet-400 */
  --ok:#34d399;          /* emerald-400 */
  --warn:#fb923c;        /* orange-400 */
  --grid:#1f2937;        /* gray-800 */
  --card:#0b1224;
  --shadow: 0 10px 30px rgba(0,0,0,.35);
  --radius: 16px;
}

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

body{
  margin:0;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica Neue, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  background: radial-gradient(1200px 800px at 20% -10%, #1e293b 0%, var(--bg) 40%, #0b0f1d 100%);
  color:var(--text);
  line-height:1.45;
  display:flex; align-items:center; justify-content:center; padding:24px;
}