/* ============================================
   توکن‌های طراحی — منبع واحد سامانه
   این فایل باید پیش از style.css لود شود.
   ============================================ */

:root {
    /* --- رنگ‌های بنیادین (بدون تغییر از نسخه قبل) --- */
    --primary: #008BF9;
    --primary-dark: #0066cc;
    --primary-light: #e7f3ff;
    --bg: #f5f7fa;
    --surface: #ffffff;
    --text: #1a2634;
    --text-muted: #6c757d;
    --border: #e9ecef;
    --shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
    --radius: 16px;
    --radius-sm: 10px;
    --transition: 0.3s ease;

    /* --- افزودنی‌ها: هویت برند --- */
    --brand-navy: #0c2d48;
    --brand-deep: #0a4d8c;
    --brand-sky: #66b5ff;
    --grad-brand: linear-gradient(150deg, #008BF9 0%, #0066cc 52%, #0c2d48 100%);
    --grad-action: linear-gradient(135deg, #21a3ff 0%, #008BF9 45%, #0066cc 100%);

    /* --- افزودنی‌ها: سطح شیشه‌ای --- */
    --glass-bg: rgba(255, 255, 255, 0.72);
    --glass-bg-strong: rgba(255, 255, 255, 0.86);
    --glass-line: rgba(255, 255, 255, 0.55);
    --glass-hair: rgba(12, 45, 72, 0.08);
    --glass-blur: 26px;
    --elev-1: 0 2px 10px rgba(12, 45, 72, 0.05);
    --elev-2: 0 18px 44px rgba(12, 45, 72, 0.10);
    --elev-3: 0 40px 90px rgba(12, 45, 72, 0.16);
    --elev-brand: 0 24px 60px rgba(0, 139, 249, 0.28);

    /* --- افزودنی‌ها: تایپوگرافی و حالت‌ها --- */
    --font-ui: 'Vazirmatn', 'Inter', 'Segoe UI', 'Tahoma', sans-serif;
    --ring: 0 0 0 4px rgba(0, 139, 249, 0.16);
    --danger: #dc2626;
    --danger-soft: #fef2f2;
    --success: #15803d;
    --success-soft: #f0fdf4;
    --ease-out: cubic-bezier(0.22, 1, 0.36, 1);

    /* --- افزودنی‌ها: اندازه‌های پوسته (هدر / منو / فوتر) --- */
    --shell-head-h: 64px;
    --shell-nav-w: 252px;
    --shell-rail-w: 68px;
    --shell-foot-h: 48px;
}