:root{
  --primary:#5b2cff;
  --accent:#ff3d8d;

  --bg:#0b0c10;
  --surface:#10121a;
  --surface2:#0f1117;

  --text:#ececf6;
  --muted:#a9abbe;

  --stroke:rgba(255,255,255,.10);
  --shadow:0 18px 60px rgba(0,0,0,.45);

  --radius:22px;

  --font-title:"EB Garamond", ui-serif, Georgia, serif;
  --font-body:"Inter", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

  --container: min(1200px, 92%);
}

html[data-theme="light"]{
  --bg:#fafafa;
  --surface:#ffffff;
  --surface2:#f4f5f7;
  --text:#101113;
  --muted:#5b6070;
  --stroke:rgba(10,12,16,.12);
  --shadow:0 18px 60px rgba(10,12,16,.10);
}