/* =========================================================
   TOKENS + BASE
   ========================================================= */
:root{
  --bg:#F5F6FA; --surface:#FFFFFF; --surface-2:#EFF1F7;
  --border:#E6E8F0; --border-2:#D6D9E5;
  --text:#111119; --text-2:#4A4A5A; --text-3:#87879B;
  --shadow-sm:0 1px 2px rgba(20,20,45,.05);
  --shadow:0 2px 4px rgba(20,20,45,.04), 0 14px 30px -18px rgba(20,20,45,.22);
  --interested:#15803D;  --interested-soft:#E6F5EC;
  --curious:#BE8300;     --curious-soft:#FBF3DE;
  --unknown:#E2620C;     --unknown-soft:#FCEBE1;
  --notinterested:#D32F2F; --notinterested-soft:#FBE8E8;
  --accent:#4F46E5; --accent-2:#7C3AED; --accent-3:#0EA5E9;
  --radius:14px; --ease:cubic-bezier(.2,.7,.3,1);
  --fc:var(--accent);
}
html[data-theme="dark"]{
  --bg:#0C0C12; --surface:#15151D; --surface-2:#1D1D26;
  --border:#272733; --border-2:#373746;
  --text:#F3F3F7; --text-2:#B6B6C4; --text-3:#7E7E90;
  --shadow-sm:0 1px 2px rgba(0,0,0,.45);
  --shadow:0 2px 4px rgba(0,0,0,.35), 0 14px 30px -18px rgba(0,0,0,.8);
  --interested:#4ADE80;  --interested-soft:#12301E;
  --curious:#FACC15;     --curious-soft:#2C2607;
  --unknown:#FB923C;     --unknown-soft:#30180A;
  --notinterested:#F87171; --notinterested-soft:#301111;
  --accent:#818CF8; --accent-2:#A78BFA; --accent-3:#38BDF8;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;
  font-family:"Vazirmatn",system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif;
  background:var(--bg); color:var(--text);
  font-size:14px; line-height:1.8;
  -webkit-font-smoothing:antialiased;
  transition:background .25s ease,color .25s ease;
}
h1,h2,h3,h4,h5,p{margin:0}
button,input{font-family:inherit;color:inherit}
button{cursor:pointer;border:none;background:none}
mark{background:#FFE9A8;color:inherit;border-radius:3px;padding:0 2px}
html[data-theme="dark"] mark{background:#5A4A0B;color:#FFE9A8}