/*
 * root.css - متغيرات الهوية العامة
 *
 * كل ألوان وخطوط ومسافات وأنصاف أقطار الموقع معرّفة هنا في مكان واحد.
 * القيم دي هي القيم الافتراضية فقط، ولوحة التحكم (صفحة الهوية العامة)
 * بتعيد كتابة المتغيرات دي فعليًا وقت تحميل الصفحة.
 */

:root {
  /* ---------- الألوان الأساسية ---------- */
  --bt-primary: #0e7c86;
  --bt-primary-dark: #0a5d65;
  --bt-primary-light: #e6f4f5;
  --bt-secondary: #f2762e;
  --bt-secondary-dark: #d45f1b;
  --bt-secondary-light: #fef1e9;

  /* ---------- ألوان النص ---------- */
  --bt-text: #16242b;
  --bt-text-soft: #536872;
  --bt-text-muted: #8a9aa3;
  --bt-text-invert: #ffffff;

  /* ---------- الخلفيات والحدود ---------- */
  --bt-bg: #ffffff;
  --bt-bg-alt: #f5f8f9;
  --bt-bg-dark: #0c2129;
  --bt-border: #e2e9ec;
  --bt-overlay: rgba(12, 33, 41, .55);

  /* ---------- ألوان الحالة ---------- */
  --bt-success: #1e9e63;
  --bt-warning: #e0a83c;
  --bt-danger: #d64545;
  --bt-star: #f5b301;

  /* ---------- الأزرار ---------- */
  --bt-btn-bg: var(--bt-secondary);
  --bt-btn-text: #ffffff;
  --bt-btn-bg-hover: var(--bt-secondary-dark);
  --bt-whatsapp: #25d366;

  /* ---------- الخطوط ---------- */
  --bt-font: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;
  --bt-fs-base: 16px;
  --bt-fs-sm: .875rem;
  --bt-fs-xs: .8125rem;
  --bt-fs-lg: 1.125rem;
  --bt-fs-h1: clamp(1.55rem, 1.05rem + 2.2vw, 3rem);
  --bt-fs-h2: clamp(1.25rem, .95rem + 1.5vw, 2.25rem);
  --bt-fs-h3: clamp(1.05rem, .92rem + .7vw, 1.5rem);
  --bt-fw-normal: 400;
  --bt-fw-medium: 400;   /* وزن 500 أُسقط لتوفير 64 كيلوبايت من الخطوط */
  --bt-fw-semibold: 600;
  --bt-fw-bold: 700;
  --bt-lh: 1.75;
  --bt-lh-tight: 1.35;

  /* ---------- المسافات ---------- */
  --bt-sp-1: .25rem;
  --bt-sp-2: .5rem;
  --bt-sp-3: .75rem;
  --bt-sp-4: 1rem;
  --bt-sp-5: 1.5rem;
  --bt-sp-6: 2rem;
  --bt-sp-7: 3rem;
  --bt-sp-8: 4rem;
  --bt-section-y: clamp(2.5rem, 1.5rem + 4vw, 5rem);
  --bt-container: 1240px;
  --bt-gutter: clamp(1rem, .5rem + 2vw, 2rem);

  /* ---------- أنصاف الأقطار ---------- */
  --bt-radius-sm: 6px;
  --bt-radius: 12px;
  --bt-radius-lg: 20px;
  --bt-radius-pill: 999px;

  /* ---------- الظلال والحركة ---------- */
  --bt-shadow-sm: 0 2px 8px rgba(12, 33, 41, .06);
  --bt-shadow: 0 8px 24px rgba(12, 33, 41, .09);
  --bt-shadow-lg: 0 18px 48px rgba(12, 33, 41, .14);
  --bt-transition: .25s ease;

  /* ---------- طبقات العرض ---------- */
  --bt-z-header: 100;
  --bt-z-float: 200;
  --bt-z-popup: 300;
}