/* ================================================================
   BAYTORIA FRONTEND — MASTER THEME
   ═══════════════════════════════════════════════════════════════
   هذا الملف هو المرجع الوحيد للتصميم:
     • تعريفات الخطوط
     • متغيرات الألوان والمسافات والأبعاد (Design Tokens)
     • القاعدة العامة (Reset + Base)
   ================================================================ */


/* ----------------------------------------------------------------
   1. FONT FACES — الخطوط
   ---------------------------------------------------------------- */

/* DIN Next LT Arabic Bold — وزنه الحقيقي 700، نسجّله على كل النطاق عشان يُستخدم دائماً */
@font-face {
    font-family: "DINNextLTArabic";
    src: url("/fonts/DIN Next LT Arabic Bold/Web Fonts/513071b47bdba774c93a73ad16a75e3b.woff2") format("woff2"),
         url("/fonts/DIN Next LT Arabic Bold/Web Fonts/513071b47bdba774c93a73ad16a75e3b.woff")  format("woff"),
         url("/fonts/DIN Next LT Arabic Bold/Web Fonts/513071b47bdba774c93a73ad16a75e3b.ttf")   format("truetype");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
    font-synthesis: none; /* منع المتصفح من تخفيف الخط أو تغيير شكله */
}

/* Montserrat — للأرقام والنصوص الإنكليزية */
@font-face { font-family: "Montserrat"; src: url("/fonts/Montserrat-Thin.ttf")       format("truetype"); font-weight: 100; font-display: swap; }
@font-face { font-family: "Montserrat"; src: url("/fonts/Montserrat-ExtraLight.ttf") format("truetype"); font-weight: 200; font-display: swap; }
@font-face { font-family: "Montserrat"; src: url("/fonts/Montserrat-Light.ttf")      format("truetype"); font-weight: 300; font-display: swap; }
@font-face { font-family: "Montserrat"; src: url("/fonts/Montserrat-Regular.ttf")    format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Montserrat"; src: url("/fonts/Montserrat-Medium.ttf")     format("truetype"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Montserrat"; src: url("/fonts/Montserrat-SemiBold.ttf")   format("truetype"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Montserrat"; src: url("/fonts/Montserrat-Bold.ttf")       format("truetype"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Montserrat"; src: url("/fonts/Montserrat-ExtraBold.ttf")  format("truetype"); font-weight: 800; font-display: swap; }
@font-face { font-family: "Montserrat"; src: url("/fonts/Montserrat-Black.ttf")      format("truetype"); font-weight: 900; font-display: swap; }
@font-face { font-family: "Montserrat"; src: url("/fonts/Montserrat-Italic.ttf")     format("truetype"); font-style: italic; font-weight: 400; font-display: swap; }
@font-face { font-family: "Montserrat"; src: url("/fonts/Montserrat-BoldItalic.ttf") format("truetype"); font-style: italic; font-weight: 700; font-display: swap; }


/* ----------------------------------------------------------------
   2. DESIGN TOKENS — متغيرات التصميم (المرجع الوحيد للألوان والأبعاد)
   ---------------------------------------------------------------- */

:root {

    /* ── الخطوط ── */
    --bt-font-arabic:   "DINNextLTArabic", sans-serif;
    --bt-font-latin:    "Montserrat", sans-serif;
    --bt-font-base:     "DINNextLTArabic", "Montserrat", sans-serif;

    /* ── مقاسات الخط ── */
    --bt-text-xs:       0.75rem;   /* 12px */
    --bt-text-sm:       0.875rem;  /* 14px */
    --bt-text-base:     1rem;      /* 16px */
    --bt-text-lg:       1.125rem;  /* 18px */
    --bt-text-xl:       1.25rem;   /* 20px */
    --bt-text-2xl:      1.5rem;    /* 24px */
    --bt-text-3xl:      1.875rem;  /* 30px */
    --bt-text-4xl:      2.25rem;   /* 36px */
    --bt-text-5xl:      3rem;      /* 48px */

    /* ── ألوان العلامة التجارية ── */
    --bt-primary:           #1B3B5A;   /* أزرق داكن — اللون الأساسي */
    --bt-primary-hover:     #234b73;
    --bt-primary-light:     #e8eef5;   /* خلفية خفيفة للبطاقات الأولية */

    --bt-text:              #0d2321;   /* لون النص الرئيسي */
    --bt-text-muted:        #6b7280;   /* gray-500 */
    --bt-text-soft:         #4b5563;   /* gray-600 */

    /* ── ألوان التمييز (Accents) ── */
    --bt-gold:              #D4B265;
    --bt-gold-soft:         #EBCAA3;
    --bt-gold-light:        #faf4e8;

    --bt-teal:              #0f6b66;
    --bt-teal-hover:        #0c5652;
    --bt-mint:              #e6f3f2;

    /* ── الأسطح والحدود ── */
    --bt-surface:           #ffffff;
    --bt-surface-alt:       #f9fafb;   /* gray-50 */
    --bt-border:            #e5e7eb;   /* gray-200 */
    --bt-border-dark:       #d1d5db;   /* gray-300 */

    /* ── الإشارات (Status) ── */
    --bt-success:           #16a34a;
    --bt-warning:           #d97706;
    --bt-error:             #dc2626;
    --bt-info:              #2563eb;

    /* ── نصف القطر (Border Radius) ── */
    --bt-radius-xs:         0.25rem;
    --bt-radius-sm:         0.5rem;
    --bt-radius-md:         0.75rem;
    --bt-radius-lg:         1rem;
    --bt-radius-xl:         1.25rem;
    --bt-radius-2xl:        1.5rem;
    --bt-radius-pill:       9999px;

    /* ── الظلال ── */
    --bt-shadow-xs:         0 1px 2px  rgba(0,0,0,.04);
    --bt-shadow-sm:         0 2px 6px  rgba(0,0,0,.06);
    --bt-shadow-md:         0 4px 12px rgba(0,0,0,.08);
    --bt-shadow-lg:         0 12px 28px rgba(0,0,0,.10);
    --bt-shadow-xl:         0 24px 48px rgba(0,0,0,.14);

    /* ── الحاوية ── */
    --bt-container:         1200px;

    /* ── التحريك (Transitions) ── */
    --bt-transition-fast:   150ms ease;
    --bt-transition-base:   250ms ease;
    --bt-transition-slow:   400ms ease;

    /* ── ارتفاع الهيدر ── */
    --bt-header-height:     72px;
}


/* ----------------------------------------------------------------
   3. BASE / RESET — القاعدة العامة
   ---------------------------------------------------------------- */

/* تطبيق الخط على العناصر النصية فقط — بدون pseudo-elements عشان ما نكسر Font Awesome */
body,
h1, h2, h3, h4, h5, h6,
p, span, a, li, td, th,
button, input, textarea, select, label,
blockquote, caption, figcaption,
div, section, article, aside, nav, header, footer, main {
    font-family: var(--bt-font-base) !important;
}

html {
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
}

body {
    font-family: var(--bt-font-base);
    font-size: var(--bt-text-base);
    font-weight: 700;
    line-height: 1.7;
    color: var(--bt-text);
    background-color: var(--bt-surface);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-synthesis: none; /* لا نسمح للمتصفح يغير شكل الخط */
}

/* اتجاه RTL الافتراضي */
[dir="rtl"] body,
[dir="rtl"] * {
    text-align: right;
}

/* روابط */
a {
    color: inherit;
    text-decoration: none;
    transition: color var(--bt-transition-fast);
}

/* صور — بدون أي reset عشان ما تتكسر */
img {
    max-width: 100%;
    height: auto;
    display: block;
}