/**
 * tokens.css — توکن‌های طراحی قالب کوه ران
 * نسخهٔ ۳۳.۰.۰
 *
 * @package koohrun-pro
 * @version 33.0.18
 */

:root {
    /* Brand — Gold */
    --gold:        #d4af6a;
    --gold-hi:     #e8c98a;
    --gold-light:  #e8c98a;
    --gold-dim:    #b8924a;
    --gold-line:   rgba(212, 175, 106, .32);
    --gold-hair:   rgba(212, 175, 106, .14);
    --gold-divider: rgba(212, 175, 106, .32);

    /* v33 — Steel (secondary accent for categories) */
    --steel:      #6a89b8;
    --steel-hi:   #8ea9cf;
    --steel-dim:  #4d6a94;
    --steel-line: rgba(106, 137, 184, .28);

    /* v33 — Live (for ticker & alert indicator) */
    --live:       #c94a3f;
    --live-dim:   #a03a30;

    /* Surfaces */
    --bg:          #050507;
    --bg-deep:     #030305;
    --bg-2:        #07070a;
    --bg-3:        #0b0b0f;
    --surface-0:   #08080b;
    --surface-1:   #0d0d11;
    --surface-2:   #121217;
    --surface-3:   #18181e;

    /* Card contract (v33) */
    --card-bg:     #08080b;
    --card-bg-2:   #0b0b0f;
    --card-hi:     #101015;
    --card-border: rgba(255, 255, 255, .055);
    --card-border-hi: rgba(212, 175, 106, .22);
    --card-shadow: 0 6px 20px rgba(0, 0, 0, .35);

    /* Borders */
    --border:      rgba(255, 255, 255, .045);
    --border-2:    rgba(255, 255, 255, .075);
    --border-3:    rgba(255, 255, 255, .12);

    /* Text */
    --t1:          #ece9e3;
    --t2:          #9b9891;
    --t3:          #69665f;
    --t4:          #45423e;

    /* Typography */
    --ff:          'B Zar', 'Zar', Tahoma, 'Segoe UI', Arial, sans-serif;
    --fs-xs:       1.02rem;
    --fs-sm:       1.20rem;
    --fs-base:     1.05rem;
    --lh-body:     1.9;
    --lh-head:     1.5;

    /* Spacing */
    --sp-1: .25rem;
    --sp-2: .5rem;
    --sp-3: .75rem;
    --sp-4: 1rem;
    --sp-5: 1.5rem;
    --sp-6: 2rem;
    --sp-7: 3rem;

    /* Radius */
    --r-sm: 6px;
    --r-md: 10px;
    --r-lg: 14px;
    --r-full: 9999px;

    /* Shadows */
    --sh-1: 0 1px 2px rgba(0, 0, 0, .5);
    --sh-2: 0 6px 20px rgba(0, 0, 0, .35);
    --sh-3: 0 16px 44px rgba(0, 0, 0, .5);

    /* Easing */
    --ease: cubic-bezier(.22, 1, .36, 1);
    --ease-out: .4s cubic-bezier(0, 0, .2, 1);

    /* Layout */
    --max-width:     1480px;
    --content-width: 820px;
    --wide-width:    1200px;
    --layout-pad-x:  1.75rem;

    color-scheme: dark;
}

@media (max-width: 1200px) {
    :root { --layout-pad-x: 1.25rem; }
}
@media (max-width: 720px) {
    :root { --layout-pad-x: 1rem; }
}