/* ═══════════════════════════════════════════════════════════
   بندراستایل — Design Tokens
   منبع واحد رنگ، تایپوگرافی و فاصله‌گذاری
   ═══════════════════════════════════════════════════════════ */

:root {
  /* ── Brand palette ── */
  --bs-navy: #0c2238;
  --bs-navy-mid: #163352;
  --bs-navy-light: #234b73;
  --bs-teal: #1a6b6b;
  --bs-teal-light: #2a8f8f;
  --bs-gold: #c9a227;
  --bs-gold-light: #e0c060;
  --bs-gold-pale: #f7edd4;
  --bs-coral: #b83232;
  --bs-coral-light: #d94a4a;
  --bs-cream: #faf7f2;
  --bs-cream-dark: #f0e9df;
  --bs-ink: #1a2433;
  --bs-ink-muted: #5c6b7f;
  --bs-surface: #ffffff;
  --bs-border: #e5ddd2;
  --bs-border-light: #f0ebe3;

  /* ── Semantic aliases (used across theme files) ── */
  --navy: var(--bs-navy);
  --navy-mid: var(--bs-navy-mid);
  --navy-light: var(--bs-navy-light);
  --teal: var(--bs-teal);
  --teal-light: var(--bs-teal-light);
  --gold: var(--bs-gold);
  --gold-light: var(--bs-gold-light);
  --gold-pale: var(--bs-gold-pale);
  --coral: var(--bs-coral);
  --coral-light: var(--bs-coral-light);
  --cream: var(--bs-cream);
  --cream-dark: var(--bs-cream-dark);
  --text: var(--bs-ink);
  --text-muted: var(--bs-ink-muted);
  --white: var(--bs-surface);
  --border: var(--bs-border);

  /* ── Platform overrides (v2-compat / platform / bootstrap) ── */
  --primary: var(--bs-teal);
  --primary-dark: #145454;
  --primary-darker: #0e3d3d;
  --primary-light: #e8f4f4;
  --primary-muted: #d4eded;
  --secondary: var(--bs-gold);
  --accent: var(--bs-navy);
  --accent-soft: var(--bs-cream-dark);
  --dark: var(--bs-navy);
  --gray: var(--bs-ink-muted);
  --light-bg: var(--bs-cream);
  --surface: var(--bs-surface);
  --border: var(--bs-border);
  --hero-gradient: linear-gradient(135deg, var(--bs-navy) 0%, var(--bs-navy-mid) 45%, var(--bs-teal) 100%);
  --page-hero-gradient: linear-gradient(180deg, var(--bs-cream) 0%, var(--bs-cream-dark) 100%);

  /* سازگاری با متغیرهای قدیمی باقی‌مانده در فایل‌های میراثی */
  --rose-light: var(--bs-primary-light);
  --lavender: var(--bs-gold-pale);
  --accent-rose: var(--bs-teal);

  /* Bootstrap bridge */
  --bs-primary: var(--bs-teal);
  --bs-primary-rgb: 26, 107, 107;
  --bs-body-font-family: var(--font-brand);
  --bs-font-sans-serif: var(--font-brand);
  --bs-body-color: var(--bs-ink);
  --bs-body-bg: var(--bs-cream);
  --bs-link-color: var(--bs-teal);
  --bs-link-hover-color: var(--bs-navy-mid);

  /* ── Typography ── */
  --font-brand: 'Vazirmatn', 'Vazir', Tahoma, sans-serif;
  --font-display: 'Vazirmatn', Tahoma, sans-serif;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 2rem;
  --leading-tight: 1.35;
  --leading-normal: 1.75;
  --leading-relaxed: 1.9;

  /* ── Spacing & shape ── */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-full: 999px;
  --shadow-xs: 0 1px 3px rgba(12, 34, 56, 0.05);
  --shadow-sm: 0 4px 14px rgba(12, 34, 56, 0.07);
  --shadow-md: 0 10px 32px rgba(12, 34, 56, 0.10);
  --shadow-lg: 0 20px 50px rgba(12, 34, 56, 0.14);
  --shadow-gold: 0 8px 24px rgba(201, 162, 39, 0.22);
  --transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}