/* ═══ tokens.css — جداشده از main.css (خطوط 1-57 نسخهٔ v1.1.267) بدون هیچ تغییری در محتوا/ترتیب.
   Reset + Design tokens + Accessibility
   ترتیب لود (زنجیرهٔ dependency در functions.php) = ترتیب قبلی داخل main.css. ═══ */
/* ═══════════════════════════════════════
   Hastigem — main.css
   Pure White Theme | RTL
   ═══════════════════════════════════════ */

/* ── RESET ── */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    font-family: 'Vazirmatn', system-ui, sans-serif;
    direction: rtl;
    background: #ffffff;
    color: #0d0d0d;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
}
img, svg { display: block; max-width: 100%; }
a { color: inherit; }
button { cursor: pointer; font-family: inherit; }

/* ── TOKENS ── */
:root {
    --white:      #ffffff;
    --off:        #fafafa;
    --gray-50:    #f5f5f5;
    --gray-100:   #ebebeb;
    --gray-200:   #d6d6d6;
    --gray-400:   #a0a0a0;
    --gray-600:   #666666;
    --gray-800:   #222222;
    --black:      #0d0d0d;
    --border:     rgba(0,0,0,0.08);
    --border-md:  rgba(0,0,0,0.12);
    --radius-sm:  8px;
    --radius-md:  12px;
    --radius-lg:  18px;
    --radius-xl:  24px;
    --shadow-sm:  0 1px 4px rgba(0,0,0,0.05);
    --shadow-md:  0 4px 20px rgba(0,0,0,0.07);
    --shadow-lg:  0 12px 40px rgba(0,0,0,0.09);
    --header-h:   64px;
    --mobile-nav: 68px;
}

/* ── ACCESSIBILITY ── */
.sr-only {
    position: absolute; width: 1px; height: 1px;
    padding: 0; margin: -1px; overflow: hidden;
    clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}
:focus-visible {
    outline: 2px solid var(--black);
    outline-offset: 3px;
    border-radius: 4px;
}