/**
 * app-tokens.css — طبقة الـ tokens المركزية لمنظومة الأدوية التخصصية
 * المصدر الوحيد لقيم الألوان (hex). سكِن elegant يستهلك هذه الـ tokens عبر var()
 * دون أي قيمة hex خارج كتلة :root أدناه. refactor فقط — بلا تغيير بصري.
 * كتل التجاوز مُولّدة آلياً من app.min.css لضمان تطابق القيم 1:1.
 */

:root {
    /* ===== Tier 1 — Brand base — لوحة «سماوي طبي» النهائية (هوية عون) ===== */
    --brand-sky: #1BA4DE;        /* أساسي */
    --brand-sky-rgb: 27, 164, 222;
    --brand-sky-dark: #0E6FA8;   /* داكن — للتأكيد/التحويم/التدرّجات */
    --brand-sky-light: #7FD4F5;  /* فاتح — حاويات/توهّج */
    --brand-sky-deep: #072A3E;   /* عميق — خلفيات داكنة/طبقات الصور */
    --surface-soft: #F6FBFD;     /* سطح ناعم */
    --ink-grey: #5A6772;         /* نص رمادي */
    --brand-teal: #1BA4DE;       /* اسم قديم — مرادف للأساسي */
    --brand-gold: #C8932B;
    --brand-navy: #14303A;
    --brand-teal-rgb: 27, 164, 222;
    --brand-gold-rgb: 200, 147, 43;
    --brand-navy-rgb: 20, 48, 58;

    /* ===== Tier 2 — Palette primitives (exact current elegant values) ===== */
    /* Surfaces (light neutrals) */
    --white: #ffffff;
    --surface-50: #f7f7f5;
    --surface-100: #f6f7fb;
    --surface-150: #eaecf3;
    --surface-200: #ededed;
    --surface-250: #edeff3;
    --surface-border: #e7e9eb;
    --surface-border-strong: #e1e7ef;

    /* Ink (dark surfaces) */
    --ink-950: #17181e;
    --ink-900: #1b1c22;
    --ink-880: #1e1f27;
    --ink-860: #22232c;
    --ink-840: #212b29;
    --ink-820: #252630;
    --ink-800: #242c31;
    --ink-780: #293036;
    --ink-770: #2c2d38;
    --ink-600: #3d4247;

    /* Slate / blue (sidenav, topbar, muted text) */
    --slate-900: #1f1e30;
    --slate-850: #25313d;
    --slate-840: #2d2e3c;
    --slate-820: #213648;
    --slate-800: #183c52;
    --slate-780: #2f3742;
    --slate-760: #313f4c;
    --slate-700: #40424f;
    --slate-500: #396699;
    --slate-450: #6c757d;
    --slate-400: #8495ab;
    --slate-380: #799cb7;
    --slate-360: #909ba5;
    --slate-300: #adb5bf;
    --slate-200: #bbcae1;
    --slate-190: #bccee4;
    --slate-180: #ced6df;
    --slate-170: #cfdff1;
    --slate-120: #e0eeff;
    --slate-100: #ecf4fc;
    --indigo-400: #6070cc;

    /* Gold / tan / amber / brown */
    --gold-300: #f2c175;
    --gold-400: #b69158;
    --tan-400: #c19178;
    --tan-500: #916d5a;
    --amber-500: #ff9900;
    --amber-700: #bf7300;
    --taupe-500: #81736c;
    --brown-900: #3a1c0c;
    --brown-950: #2c1f0c;

    /* Green */
    --green-500: #86ab4a;
    --green-700: #658038;

    /* Red / rose / maroon */
    --red-400: #db7474;
    --red-600: #a45757;
    --rose-300: #ddb9a7;
    --maroon-900: #3a1b0f;
    --maroon-950: #56180d;

    /* Cyan */
    --cyan-400: #7ccdd0;
    --cyan-600: #5d9a9c;

    /* ===== Tier 3 — Font ===== */
    --font-base: 'Alexandria', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* ربط Alexandria كخط أساسي للنظام (يتجاوز متغيّرات خط الثيم وبوتستراب). */
:root,
[data-bs-theme="light"],
[data-bs-theme="dark"],
html[data-skin] {
    --theme-font-sans-serif: var(--font-base) !important;
    --theme-body-font-family: var(--font-base) !important;
    --theme-font-family-primary: var(--font-base) !important;
    --theme-font-family-secondary: var(--font-base) !important;
    --bs-body-font-family: var(--font-base) !important;
}

/* أصناف الأيقونات (.ti / .ri / .bx) محميّة: خطوطها معرّفة في الثيم بـ !important
   وبأولوية أعلى من المُحدِّد الشامل أدناه. */
body,
* {
    font-family: var(--font-base) !important;
}

/* ===== Tier 4 — Elegant skin: تعيين متغيّرات الثيم على الـ tokens (لا hex) ===== */
html[data-skin=elegant] {
    --theme-body-bg: var(--surface-50);
    --theme-secondary-bg: var(--white);
    --theme-tertiary-bg: var(--surface-50);
    --theme-theme-card-border-color: var(--surface-border-strong);
    --theme-primary: var(--brand-sky);
    --theme-secondary: var(--tan-400);
    --theme-success: var(--green-500);
    --theme-info: var(--cyan-400);
    --theme-warning: var(--amber-500);
    --theme-danger: var(--red-400);
    --theme-primary-text-emphasis: var(--brand-sky-dark);
    --theme-secondary-text-emphasis: var(--tan-500);
    --theme-success-text-emphasis: var(--green-700);
    --theme-info-text-emphasis: var(--cyan-600);
    --theme-warning-text-emphasis: var(--amber-700);
    --theme-danger-text-emphasis: var(--red-600);
    --theme-chart-primary: var(--brand-sky);
    --theme-chart-secondary: var(--tan-400);
    --theme-chart-alpha: var(--green-500);
    --theme-chart-beta: var(--red-400);
    --theme-chart-gamma: var(--amber-500);
    --theme-chart-delta: var(--cyan-400);
    --theme-chart-zeta: var(--indigo-400);
    --theme-chart-gray: var(--surface-250);
    --theme-chart-dark: var(--slate-500);
    --theme-chart-border-color: var(--slate-100);
    --theme-chart-title-color: var(--slate-200);
}

html[data-skin=elegant][data-menu-color=light] {
    --theme-sidenav-bg: var(--white);
    --theme-sidenav-border-color: var(--white);
    --theme-sidenav-item-color: var(--slate-450);
    --theme-sidenav-item-hover-color: var(--slate-820);
    --theme-sidenav-item-hover-bg: var(--surface-50);
    --theme-sidenav-item-active-color: var(--slate-820);
    --theme-sidenav-item-active-bg: var(--surface-50);
}

html[data-skin=elegant][data-menu-color=gray] {
    --theme-sidenav-bg: var(--surface-100);
    --theme-sidenav-border-color: var(--surface-100);
    --theme-sidenav-item-color: var(--slate-450);
    --theme-sidenav-item-hover-color: var(--ink-840);
    --theme-sidenav-item-hover-bg: var(--surface-150);
    --theme-sidenav-item-active-color: var(--ink-840);
    --theme-sidenav-item-active-bg: var(--surface-150);
}

html[data-skin=elegant][data-menu-color=dark] {
    --theme-sidenav-bg: var(--slate-900);
    --theme-sidenav-border-color: var(--slate-900);
    --theme-sidenav-item-color: var(--slate-400);
    --theme-sidenav-item-hover-color: var(--slate-190);
    --theme-sidenav-item-hover-bg: var(--brand-sky);
    --theme-sidenav-item-active-color: var(--white);
    --theme-sidenav-item-active-bg: var(--brand-sky);
}

html[data-skin=elegant][data-menu-color=gradient] {
    --theme-sidenav-bg: linear-gradient(90deg, var(--maroon-900) 0%, var(--brown-900) 100%);
    --theme-sidenav-item-color: var(--taupe-500);
    --theme-sidenav-item-hover-color: var(--rose-300);
    --theme-sidenav-item-active-color: var(--rose-300);
}

html[data-skin=elegant][data-menu-color=image] {
    --theme-sidenav-bg: linear-gradient(to bottom right, rgba(16, 16, 30, 0.85), var(--slate-800)),url("../images/sidenav-bg.jpg") center/cover no-repeat;
    --theme-sidenav-item-color: var(--slate-380);
    --theme-sidenav-item-hover-color: var(--slate-190);
    --theme-sidenav-item-hover-bg: var(--slate-780);
    --theme-sidenav-item-active-color: var(--slate-170);
}

html[data-skin=elegant][data-bs-theme=dark][data-menu-color=dark],html[data-skin=elegant][data-bs-theme=dark][data-menu-color=gray],html[data-skin=elegant][data-bs-theme=dark][data-menu-color=light] {
    --theme-sidenav-bg: var(--ink-880);
    --theme-sidenav-border-color: var(--ink-770);
    --theme-sidenav-item-color: var(--slate-400);
    --theme-sidenav-item-hover-color: var(--slate-190);
    --theme-sidenav-item-hover-bg: var(--slate-780);
    --theme-sidenav-item-active-color: var(--slate-180);
    --theme-sidenav-item-active-bg: var(--ink-860);
}

html[data-skin=elegant][data-topbar-color=light] {
    --theme-topbar-bg: var(--white);
    --theme-topbar-item-color: var(--slate-360);
    --theme-topbar-item-hover-color: var(--ink-600);
    --theme-topbar-search-border: var(--surface-border);
}

html[data-skin=elegant][data-topbar-color=gray] {
    --theme-topbar-bg: var(--surface-50);
    --theme-topbar-item-color: var(--slate-450);
    --theme-topbar-item-hover-color: var(--brand-sky);
    --theme-topbar-search-bg: var(--surface-200);
    --theme-topbar-search-border: var(--surface-200);
}

html[data-skin=elegant][data-topbar-color=dark] {
    --theme-topbar-bg: var(--slate-850);
    --theme-topbar-item-color: var(--slate-300);
    --theme-topbar-item-hover-color: var(--slate-120);
    --theme-topbar-search-bg: var(--slate-760);
    --theme-topbar-search-border: var(--slate-760);
}

html[data-skin=elegant][data-topbar-color=gradient] {
    --theme-topbar-bg: linear-gradient(to bottom, var(--brown-950), var(--maroon-950));
    --theme-topbar-item-hover-color: var(--white);
}

html[data-skin=elegant][data-bs-theme=dark][data-topbar-color=dark],html[data-skin=elegant][data-bs-theme=dark][data-topbar-color=gray],html[data-skin=elegant][data-bs-theme=dark][data-topbar-color=light] {
    --theme-topbar-bg: var(--ink-820);
    --theme-topbar-item-color: var(--slate-300);
    --theme-topbar-item-hover-color: var(--slate-120);
    --theme-topbar-search-bg: var(--slate-840);
    --theme-topbar-search-border: var(--slate-840);
}

[data-bs-theme=dark][data-skin=elegant] {
    --theme-body-bg: var(--ink-950);
    --theme-secondary-bg: var(--ink-900);
    --theme-theme-card-border-color: var(--ink-780);
    --theme-tertiary-bg: var(--ink-820);
    --theme-chart-gray: var(--slate-700);
    --theme-chart-border-color: var(--ink-800);
    --theme-chart-gray: var(--slate-700);
}