@font-face {
    font-family: 'Vazirmatn';
    src: url('../fonts/Vazirmatn-Variable.woff2') format('woff2');
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}
:root {
    --brand: #526d0c;
    --brand-hover: #3f5508;
    --text: #1c2115;
    --muted: #74796b;
    --surface: #fff;
    --canvas: #f3f3ed;
    --border: #d4d8c8;
    --danger: #b91c1c;
    --radius-control: 9px;
    --radius-card: 16px;
    --shadow-card: 0 8px 26px rgb(15 23 42 / 8%);
}

*, *::before, *::after { box-sizing: border-box; }
html { font-family: 'Vazirmatn', Tahoma, Arial, sans-serif; }
body { font-family: inherit; }
:where(button, input, select, textarea) { font-family: inherit; }

:where(button, a, input, select, textarea) { touch-action: manipulation; }
:where(button, a, input, select, textarea):focus-visible {
    outline: 3px solid rgb(145 182 40 / 48%);
    outline-offset: 2px;
}
button, a { -webkit-tap-highlight-color: transparent; }
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}