/* ==========================================================================
   رموز التصميم (Design Tokens) - الوضع الليلي والوضع النهاري
   ========================================================================== */

:root {
  /* الخط الوحيد المعتمد */
  --font-sans: 'Cairo', 'Segoe UI', Tahoma, sans-serif;

  /* لون التمييز الأساسي (قابل للتخصيص من إعدادات الإدارة) */
  --accent: #C9A24B;
  --accent-light: #E8C979;
  --accent-dark: #A67E26;
  --accent-rgb: 201, 162, 75;
  --accent-gradient: linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%);
  --accent-contrast-text: #0B0D10;

  /* ألوان الحالات الدلالية */
  --status-success: #22C55E;
  --status-success-bg: rgba(34, 197, 94, 0.14);
  --status-warning: #F59E0B;
  --status-warning-bg: rgba(245, 158, 11, 0.14);
  --status-danger: #EF4444;
  --status-danger-bg: rgba(239, 68, 68, 0.14);
  --status-info: #38BDF8;
  --status-info-bg: rgba(56, 189, 248, 0.14);

  /* مقياس الخطوط (Typographic Scale) */
  --text-xs: 0.75rem;      /* 12px */
  --text-sm: 0.875rem;     /* 14px */
  --text-base: 1rem;       /* 16px */
  --text-lg: 1.125rem;     /* 18px */
  --text-xl: 1.25rem;      /* 20px */
  --text-2xl: 1.5rem;      /* 24px */
  --text-3xl: 1.875rem;    /* 30px */
  --text-4xl: 2.375rem;    /* 38px */
  --text-5xl: clamp(2.125rem, 4vw, 3.25rem);

  /* المسافات والأبعاد */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;

  /* الحواف الدائرية */
  --radius-sm: 0.5rem;
  --radius-md: 0.875rem;
  --radius-lg: 1.25rem;
  --radius-xl: 1.75rem;
  --radius-full: 9999px;

  /* الحاوية */
  --container-max: 1320px;
  --header-height: 82px;
  --header-height-scrolled: 66px;

  /* الحركات والانتقالات */
  --transition-theme: background-color 300ms ease, color 300ms ease, border-color 300ms ease, box-shadow 300ms ease;
  --transition-base: 260ms cubic-bezier(0.22, 1, 0.36, 1);
  --transition-slow: 500ms cubic-bezier(0.22, 1, 0.36, 1);

  /* طبقات العرض */
  --z-base: 1;
  --z-card-overlay: 10;
  --z-sticky: 40;
  --z-header: 100;
  --z-dropdown: 150;
  --z-drawer: 200;
  --z-modal: 300;
  --z-toast: 400;
}

/* ==========================================================================
   الوضع الليلي (Dark Theme - Luxury Charcoal & Warm Gold)
   ========================================================================== */
[data-theme="dark"] {
  color-scheme: dark;
  --bg-page: #0B0D10;
  --bg-surface: #12161C;
  --bg-surface-2: #181E26;
  --bg-surface-3: #202833;
  --bg-input: rgba(24, 30, 38, 0.85);
  --bg-hero-overlay: linear-gradient(180deg, rgba(11, 13, 16, 0.65) 0%, rgba(11, 13, 16, 0.45) 45%, rgba(11, 13, 16, 0.92) 100%);

  /* الزجاج (Glassmorphism) */
  --glass-bg: rgba(18, 22, 28, 0.72);
  --glass-bg-strong: rgba(16, 20, 26, 0.88);
  --glass-bg-fallback: #141921;
  --glass-border: rgba(255, 255, 255, 0.11);
  --glass-border-hover: rgba(var(--accent-rgb), 0.45);
  --glass-sheen: linear-gradient(125deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.01) 45%, rgba(var(--accent-rgb), 0.07) 100%);

  /* النصوص */
  --text-primary: #F6F3EC;
  --text-secondary: #B9C0CC;
  --text-muted: #848E9F;
  --accent-text: #E8C979;

  /* الحدود والظلال */
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-strong: rgba(255, 255, 255, 0.18);
  --shadow-sm: 0 4px 14px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 12px 32px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.62);
  --shadow-gold: 0 10px 35px rgba(var(--accent-rgb), 0.18), 0 0 0 1px rgba(var(--accent-rgb), 0.42);
}

/* ==========================================================================
   الوضع النهاري (Light Theme - Warm Ivory & Deep Navy)
   ========================================================================== */
[data-theme="light"] {
  color-scheme: light;
  --bg-page: #FAF7F2;
  --bg-surface: #FFFFFF;
  --bg-surface-2: #F3EEE5;
  --bg-surface-3: #E9E2D5;
  --bg-input: rgba(255, 255, 255, 0.92);
  --bg-hero-overlay: linear-gradient(180deg, rgba(15, 21, 32, 0.60) 0%, rgba(15, 21, 32, 0.38) 45%, rgba(15, 21, 32, 0.84) 100%);

  /* الزجاج (Glassmorphism) */
  --glass-bg: rgba(255, 255, 255, 0.78);
  --glass-bg-strong: rgba(255, 255, 255, 0.92);
  --glass-bg-fallback: #FFFFFF;
  --glass-border: rgba(19, 26, 38, 0.09);
  --glass-border-hover: rgba(var(--accent-rgb), 0.55);
  --glass-sheen: linear-gradient(125deg, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(var(--accent-rgb), 0.08) 100%);

  /* النصوص */
  --text-primary: #131A26;
  --text-secondary: #434E60;
  --text-muted: #687385;
  --accent-text: #8C6818;

  /* الحدود والظلال */
  --border-subtle: rgba(19, 26, 38, 0.08);
  --border-strong: rgba(19, 26, 38, 0.16);
  --shadow-sm: 0 4px 16px rgba(19, 26, 38, 0.06);
  --shadow-md: 0 12px 32px rgba(19, 26, 38, 0.09);
  --shadow-lg: 0 24px 56px rgba(19, 26, 38, 0.13);
  --shadow-gold: 0 12px 36px rgba(var(--accent-rgb), 0.22), 0 0 0 1.5px rgba(var(--accent-rgb), 0.52);

  /* تحسين تباين الحالات في الوضع النهاري */
  --status-success: #15803D;
  --status-warning: #B45309;
  --status-danger: #B91C1C;
  --status-info: #0369A1;
}