/* ARCHIVE0 — токены, сброс, типографика */

/* ============================================================
   Юрий Митрофанов — портфолио / стили
   ============================================================ */

:root{
  --bg:#09090a;
  --bg-soft:#0f0f11;
  --panel:rgba(255,255,255,.035);
  --panel-2:rgba(255,255,255,.055);
  --line:rgba(255,255,255,.09);
  --line-strong:rgba(255,255,255,.16);
  --txt:#edecea;
  --txt-dim:#b6b5b1;
  --mut:#8b8a86;
  --acc:oklch(0.82 0.12 78);
  --acc-soft:oklch(0.82 0.12 78 / .14);
  --acc-2:oklch(0.82 0.10 205);
  --tg:#2aabee;

  --par:0px; /* сдвиг параллакса, задаётся из effects.js */

  --pad:clamp(18px,4vw,44px);
  --sec-y:clamp(64px,9vw,132px);
  --r-lg:20px;
  --r-md:14px;
  --r-sm:10px;

  --sans:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  --serif:"Fraunces",Georgia,"Times New Roman",serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
}

*,*::before,*::after{box-sizing:border-box}

html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:90px}

body{
  margin:0;
  background:var(--bg);
  color:var(--txt);
  font-family:var(--sans);
  font-size:clamp(15px,.55vw + 13.6px,17px);
  line-height:1.65;
  font-weight:400;
  letter-spacing:.005em;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

img,svg,iframe{display:block;max-width:100%}
h1,h2,h3,h4{margin:0;font-family:var(--serif);font-weight:500;line-height:1.06;letter-spacing:-.02em;text-wrap:balance}
p{margin:0;text-wrap:pretty}
ul{margin:0;padding:0;list-style:none}
a{color:var(--acc);text-decoration:none;transition:color .18s ease}
a:hover{color:var(--txt)}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
::selection{background:var(--acc);color:#111}

:focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:4px}