@font-face{font-family:'Vazirmatn';src:url('../vendor/vazirmatn/Vazirmatn-Variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
/* base.css — design tokens, reset helpers, buttons */
/* ---------- Tokens ---------- */
:root{--bg:#0b0f1a;--surface:#111729;--surface-2:#161d33;--line:#222b45;--text:#e8ebf5;--muted:#8d97b5;--accent:#6c7cff;--accent-2:#a78bfa;--gold:#fbbf24;--radius:14px}
[data-bs-theme=light]{--bg:#f4f6fb;--surface:#fff;--surface-2:#eef1f9;--line:#dde2f0;--text:#161b2e;--muted:#5d6785}
body{font-family:'Vazirmatn',Tahoma,'Segoe UI',system-ui,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}
a{text-decoration:none;color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.text-muted-2{color:var(--muted)!important}
.grad-text{background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.btn-accent{background:var(--accent);color:#fff;border:0;border-radius:10px;font-weight:700}
.btn-accent:hover{background:#7d8cff;color:#fff}
.btn-outline-soft{border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:10px}
.btn-outline-soft:hover{border-color:var(--accent);color:var(--text)}