/* ==========================================================================
   BORESH GROOMING ATELIER — RAJ DESIGN SYSTEM TOKENS
   Palette Direction: Deep Sartorial Navy + Luminous Sky Blue + Crisp White
                      + Companion Brushed Steel, Ice Mist & Subtle Brass
   ========================================================================== */

@font-face {
  font-family: "Vazirmatn";
  src: url("../assets/fonts/Vazirmatn-Variable.woff2") format("woff2-variations"),
       url("../assets/fonts/Vazirmatn-Variable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Core Semantic Palette (Section 06) */
  --color-primary: #0D1F3C;         /* سرمه‌ای اصیل و عمیق */
  --color-primary-deep: #071326;    /* سرمه‌ای شب (ویترین سینمایی) */
  --color-primary-mid: #152E57;     /* سرمه‌ای میانی برای سطوح تیره */
  --color-primary-soft: #1E3E73;    /* سرمه‌ای روشن‌تر برای هاور و لایه‌ها */

  --color-secondary: #0EA5E9;       /* آبی آسمانی شفاف و زنده */
  --color-accent: #38BDF8;          /* آبی آسمانی درخشان (افکت‌ها، برق دکمه‌ها، اسپری) */
  --color-accent-deep: #0284C7;     /* آبی آسمانی خوانا روی زمینه سفید (کنتراست AA) */
  --color-accent-ice: #E0F2FE;      /* آبی آسمانی یخی برای تگ‌ها و هایلایت‌ها */
  --color-accent-mist: #BAE6FD;     /* مه آبی آسمانی */

  --color-background: #F6FAFE;      /* سفید یخی بسیار تمیز و روشن */
  --color-surface: #FFFFFF;         /* سفید خالص */
  --color-surface-2: #ECF4FC;       /* سطح دوم با تهویه آبی آسمانی ملایم */
  --color-surface-3: #E1EEF9;       /* سطح سوم کنتراست ملایم */

  --color-text: #0A192F;            /* جوهر سرمه‌ای بسیار خوانا */
  --color-text-secondary: #2B4162;  /* متن فرعی سرمه‌ای-فولادی */
  --color-muted: #556987;           /* خاکستری-آبی فولادی */
  --color-border: #D5E4F3;          /* خطوط ظریف یخی-نقره‌ای */
  --color-border-strong: #B6CFE8;   /* کادر تاکیددار */

  /* Harmonious Companion Accents */
  --color-steel: #94A3B8;           /* استیل برس‌خورده قیچی */
  --color-brass: #C89D54;           /* طلایی شامپاینی مات (ویژه امتیاز و VIP) */
  --color-brass-soft: #FEF7E7;
  --color-success: #0D9488;         /* سبز-فیروزه‌ای تایید و نوبت آزاد */
  --color-success-bg: #E6F8F5;
  --color-warning: #D97706;         /* کهربایی ظرفیت محدود */
  --color-warning-bg: #FEF3C7;
  --color-danger: #DC2626;
  --color-danger-bg: #FEE2E2;

  /* Typography System */
  --font-sans: "Vazirmatn", Tahoma, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-latin: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --text-xs: clamp(0.75rem, 0.72rem + 0.14vw, 0.82rem);
  --text-sm: clamp(0.84rem, 0.8rem + 0.18vw, 0.92rem);
  --text-base: clamp(0.95rem, 0.92rem + 0.2vw, 1.03rem);
  --text-md: clamp(1.06rem, 1.01rem + 0.25vw, 1.18rem);
  --text-lg: clamp(1.22rem, 1.12rem + 0.45vw, 1.42rem);
  --text-xl: clamp(1.48rem, 1.3rem + 0.8vw, 1.9rem);
  --text-2xl: clamp(1.85rem, 1.52rem + 1.4vw, 2.65rem);
  --text-hero: clamp(2.15rem, 1.7rem + 2.15vw, 3.55rem);

  /* Layout & Spacing Scale */
  --container: 1260px;
  --container-narrow: 980px;

  --space-1: 0.25rem;   /* 4px */
  --space-2: 0.5rem;    /* 8px */
  --space-3: 0.75rem;   /* 12px */
  --space-4: 1rem;      /* 16px */
  --space-5: 1.25rem;   /* 20px */
  --space-6: 1.5rem;    /* 24px */
  --space-7: 2rem;      /* 32px */
  --space-8: 2.5rem;    /* 40px */
  --space-9: 3.5rem;    /* 56px */
  --space-10: 5rem;     /* 80px */
  --space-11: 6.5rem;   /* 104px */

  /* Architectural Radius Scale (Controlled, non-bubbly) */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 26px;
  --radius-pill: 999px;

  /* Tactile Shadows */
  --shadow-xs: 0 2px 6px rgba(10, 25, 47, 0.04);
  --shadow-sm: 0 6px 18px rgba(10, 25, 47, 0.06);
  --shadow-md: 0 14px 34px rgba(10, 25, 47, 0.09);
  --shadow-lg: 0 24px 56px rgba(7, 19, 38, 0.16);
  --shadow-navy-glow: 0 16px 38px rgba(14, 165, 233, 0.24);
  --shadow-sky-gleam: 0 0 0 1px rgba(56, 189, 248, 0.45), 0 10px 28px rgba(56, 189, 248, 0.32);

  /* Motion & Timing */
  --ease-standard: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-emphasis: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-snip: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast: 180ms;
  --dur-base: 320ms;
  --dur-slow: 600ms;

  /* Z-index Hierarchy */
  --z-base: 1;
  --z-elevated: 10;
  --z-sticky: 90;
  --z-header: 120;
  --z-floating-tray: 150;
  --z-drawer: 220;
  --z-modal: 280;
  --z-toast: 340;
}