/* =========================================================================
   توکن‌های طراحی سُکانه (پالت «دریایی»)
   تنها منبع رنگ‌ها، شعاع‌ها، فاصله‌ها و سایه‌ها؛ همه‌ی فایل‌های CSS صفحه‌ها رنگ اصلی را از
   همین‌جا می‌خوانند (var(--sk-…)) تا تغییر برند فقط در این فایل انجام شود.
   پیش از هر CSS دیگری بارگذاری می‌شود (templates/base.html، templates/management/base.html).
   ========================================================================= */
:root {
    /* رنگ اصلی برند: سرمه‌ای سبزآبی (سُکان = فرمان کشتی) */
    --sk-primary: #0A4D68;
    --sk-primary-rgb: 10, 77, 104;
    --sk-primary-hover: #083A4F;
    --sk-primary-deep: #062B3A;
    --sk-primary-light: #2E8BA6;
    --sk-primary-soft: #E7F1F4;
    --sk-primary-soft-border: #BCD7E0;

    /* تأکید کهربایی: برای پس‌زمینه‌ها و برجسته‌سازی؛ متن روی آن تیره (--sk-accent-ink) */
    --sk-accent: #F5A623;
    --sk-accent-ink: #2A1A00;
    --sk-accent-soft: #FDF1DC;
    --sk-accent-text: #8A5300;

    /* خنثی‌ها */
    --sk-ink: #0F2530;
    --sk-muted: #566A75;
    --sk-ground: #F3F6F8;
    --sk-surface: #FFFFFF;
    --sk-line: #E0E7EC;

    /* وضعیت‌ها (افزایش/کاهش در آمار، موفق/خطا) */
    --sk-success: #0E7A55;
    --sk-success-soft: #E3F4EC;
    --sk-danger: #B42D2D;
    --sk-danger-soft: #FBE9E9;

    /* شکل و فاصله (مقیاس ۴px) */
    --sk-radius-sm: 10px;
    --sk-radius: 16px;
    --sk-radius-lg: 20px;
    --sk-radius-pill: 999px;
    --sk-space-1: 4px;
    --sk-space-2: 8px;
    --sk-space-3: 12px;
    --sk-space-4: 16px;
    --sk-space-5: 20px;
    --sk-space-6: 24px;
    --sk-shadow-sm: 0 1px 2px rgba(15, 37, 48, 0.06);
    --sk-shadow-md: 0 10px 28px rgba(8, 30, 40, 0.16);
    --sk-shadow-lg: 0 -10px 30px rgba(8, 30, 40, 0.18);

    /* پوسته‌ی اپ موبایل */
    --sk-appbar-h: 56px;
    --sk-bottomnav-h: 64px;
    --sk-safe-top: env(safe-area-inset-top, 0px);
    --sk-safe-bottom: env(safe-area-inset-bottom, 0px);

    /* لایه‌ها: نوار پایین زیر هدر سایت (1000) و زیر چت تمام‌صفحه (1100)؛ پنل‌ها و اعلان‌ها بالاتر */
    --sk-z-bottomnav: 900;
    --sk-z-install: 950;
    --sk-z-sheet: 1200;
    --sk-z-toast: 1300;
}