/* ═══════════════════════════════════════════════════════════
   tokens.css — لایهٔ توکن‌های طراحی (مبنای مشترک تمام سرویس‌ها)
   ─────────────────────────────────────────────────────────────
   • تنها منبع تعریف @font-face (Vazir / BordeauxBlack)
   • تنها تعریف متغیرهای CSS برند (--ai-*)
   • همهٔ فایل‌های سرویس/کامپوننت باید فقط از var(--ai-*) استفاده کنند
   • لود می‌شود قبل از main.css (در functions/theme-assets.php)
   ═══════════════════════════════════════════════════════════ */

/* ── فونت‌ها (منبع واحد) ── */
@font-face {
    font-family: BordeauxBlack;
    src: url('../../fonts/BordeauxBlack.woff2') format('woff2'),
         url('../../fonts/BordeauxBlack.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Vazir;
    src: url('../../fonts/Vazir.woff2') format('woff2'),
         url('../../fonts/Vazir.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* ── توکن‌های برند (رنگ اصلی: #00857a سیستم diabetDiet) ── */
:root {
    /* رنگ‌های اصلی */
    --ai-primary: #00857a;
    --ai-primary-light: #00a693;
    --ai-primary-dark: #00665c;
    --ai-primary-5: rgba(0, 133, 122, 0.06);
    --ai-primary-10: rgba(0, 133, 122, 0.12);

    /* سطوح و متن */
    --ai-bg: #f2faf9;
    --ai-card: #ffffff;
    --ai-border: #e0ebe9;
    --ai-text: #123f3b;
    --ai-muted: #5f7a76;
    --ai-hint: #93aeaa;
    --ai-danger: #dc2626;

    /* ── مقیاس BMI ────────────────────────────────────────────────
       یک محور برای همهٔ فرم‌ها. مرزها BMI 14 / 24.4 / 29.6 / 37.2 هستند
       (نه مرزهای بالینی 18.5/25/30 — آن‌ها تصمیم محصول‌اند و جداگانه‌اند).
       جای نشانگر = (bmi - min) / (max - min). */
    --ai-bmi-min: 14;
    --ai-bmi-max: 40;
    --ai-bmi-c1: #38bdf8;
    --ai-bmi-c2: #22c55e;
    --ai-bmi-c3: #eab308;
    --ai-bmi-c4: #f97316;
    --ai-bmi-c5: #ef4444;
    --ai-bmi-ramp: linear-gradient(90deg,
        var(--ai-bmi-c1) 0% 14%,
        var(--ai-bmi-c2) 14% 40%,
        var(--ai-bmi-c3) 40% 60%,
        var(--ai-bmi-c4) 60% 82%,
        var(--ai-bmi-c5) 82% 100%);

    /* شعاع‌ها */
    --ai-radius-sm: 10px;
    --ai-radius-md: 14px;
    --ai-radius-btn: 17px;
    --ai-radius-lg: 20px;
    --ai-radius-full: 999px;

    /* سایه‌ها */
    --ai-shadow-card: 0 10px 30px rgba(0, 102, 92, 0.08);
    --ai-shadow-btn: 0 10px 24px rgba(0, 133, 122, 0.32);
    --ai-shadow-btn-hover: 0 14px 28px rgba(0, 133, 122, 0.36);

    /* گرادیان برند */
    --ai-grad: linear-gradient(135deg, var(--ai-primary-light), var(--ai-primary));

    /* پوستهٔ فرم‌ها: پس‌زمینهٔ گرادیانی مشترک همهٔ سرویس‌ها (سبک diabetDiet) */
    --ai-shell-bg: linear-gradient(165deg, #f4fbfa 0%, #eef7f5 55%, #f6fbfa 100%);
    --ai-glow-a: radial-gradient(circle, rgba(0, 166, 147, 0.16), transparent 70%);
    --ai-glow-b: radial-gradient(circle, rgba(0, 133, 122, 0.12), transparent 70%);

    /* حرکت */
    --ai-transition: 0.22s cubic-bezier(0.4, 0, 0.2, 1);
    --ai-spring: 0.32s cubic-bezier(0.34, 1.56, 0.64, 1);

    /* فونت‌ها */
    --ai-font-body: Vazir, Tahoma, sans-serif;
    --ai-font-heading: BordeauxBlack, sans-serif;
}

/* ── فونت پیش‌فرض سراسری (معادل style.css قبلی) ── */
body, button, input, select, textarea, h1, h2, h3, h4, h5, h6 {
    font-family: Vazir, Tahoma, sans-serif !important;
}