:root{
  --bg: #FFFFFF;
  --ink: #0A0A0A;
  --muted: #6E6E72;
  --line: rgba(10,10,10,0.10);
  --accent: #FF4B1F;
  --card: #FAFAF9;
}
*{ box-sizing: border-box; margin:0; padding:0; }
html,body{ background: var(--bg); color: var(--ink); font-family:'Archivo', sans-serif; overflow-x:hidden; }
a{ color:inherit; text-decoration:none; }

/* ---------- Loading screen ---------- */
#loading-screen{
  position:fixed; inset:0; z-index:2000;
  display:flex; align-items:center; justify-content:center;
  background: #FFFFFF;
  transition: opacity .6s ease;
}
#loading-screen.fade-out{ opacity:0; pointer-events:none; }
.loading-svg{ width:min(78vw, 480px); height:auto; overflow:visible; }
.char{ opacity:0; }
.char.font-bold{ font-family:'Archivo', sans-serif; font-weight:900; fill: var(--ink); letter-spacing:-0.01em; }
.char.font-normal{ font-family:'Archivo', sans-serif; font-weight:500; fill: var(--ink); }
.char.font-serif{ font-family:'Playfair Display', serif; font-weight:700; fill: var(--ink); }