:root{
  --bg:#0b0c10;
  --surface:rgba(255,255,255,0.06);
  --text:rgba(255,255,255,0.92);
  --muted:rgba(255,255,255,0.68);
  --border:rgba(255,255,255,0.14);
  --accent:#e0b7ff;

  --radius:18px;
  --shadow:0 18px 50px rgba(0,0,0,0.35);
  --max:1120px;

  --h1:clamp(2.6rem, 4.4vw, 4.3rem);
  --h2:clamp(1.6rem, 2.4vw, 2.4rem);
  --p:1.05rem;
}

[data-theme="light"]{
  --bg:#fbfbfc;
  --surface:rgba(0,0,0,0.04);
  --text:rgba(0,0,0,0.9);
  --muted:rgba(0,0,0,0.62);
  --border:rgba(0,0,0,0.12);
  --shadow:0 18px 50px rgba(0,0,0,0.12);
}

*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  letter-spacing:-0.2px;
}
h1,h2,h3{ margin:0; }
h1{
  font-family: "Playfair Display", serif;
  font-size:var(--h1);
  line-height:1.03;
}
h2{
  font-family: "Playfair Display", serif;
  font-size:var(--h2);
  line-height:1.15;
}
p{ margin:0; }
a{ color:inherit; text-decoration:none; }
.container{ width:min(var(--max), 92vw); margin:0 auto; }
.muted{ color:var(--muted); font-size:var(--p); }
.accent{ color:var(--accent); }
.tiny{ font-size:0.95rem; }

:focus-visible{
  outline: none;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 28%, transparent);
  border-radius: 12px;
}