:root{
  /* BRAND */
  --brand-1:#7C3AED;
  --brand-2:#6D28D9;
  --accent:#14B8A6;

  /* STATUS */
  --danger:#EF4444;
  --success:#22C55E;
  --warning:#F59E0B;

  /* LIGHT UI */
  --bg:#F6F7FB;
  --surface:#FFFFFF;
  --surface-2:#F1F5FF;

  /* TEXT */
  --text:#0F172A;
  --muted:#5B6B84;

  /* BORDERS / SHADOW */
  --border:#E6EAF2;
  --shadow:0 18px 45px rgba(2, 8, 23, .10);

  /* RADIUS / TYPE */
  --r-sm:12px;
  --r-md:16px;
  --r-lg:20px;

  --font:system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

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

body{
  margin:0;
  font-family:var(--font);
  color:var(--text);
  background:
    radial-gradient(900px 520px at 10% 0%, rgba(124,58,237,.12), transparent 60%),
    radial-gradient(900px 520px at 95% 10%, rgba(20,184,166,.10), transparent 55%),
    var(--bg);
}

a{color:inherit}