/* ==== from index.html <style data-v5-foundation> (v435 split) ==== */
/* ==========================================================================
   v449 Foundation — WADIH v5 Design Tokens (Deep Teal Navy #0A3D3A)
   نظام أساس جديد بالكامل تحت namespace --v5-* + Override لمحرك اللون القديم.
   طبقة CSS فقط. لا JS. لا DOM. لا مسّ للنظام القديم نفسه (Override فقط).
   ملاحظة: هذه المرحلة تبني الأساس ولا تُعيد تصميم الصفحات بعد.
   ========================================================================== */
:root{
  /* ---- Colors: brand scale (anchor 700 = Deep Teal Navy) ---- */
  --v5-brand-50:#EAF6F4;  --v5-brand-100:#CDEBE6; --v5-brand-200:#9AD4CC;
  --v5-brand-300:#5AB3A8; --v5-brand-400:#2C8C82; --v5-brand-500:#14615B;
  --v5-brand-600:#0E5049; --v5-brand-700:#0A3D3A; --v5-brand-800:#072B29; --v5-brand-900:#051E1C;
  --v5-brand:#0A3D3A; --v5-brand-hover:#0E5049; --v5-brand-active:#072B29;
  --v5-on-brand:#FFFFFF;
  /* ---- Colors: neutral (cool slate) ---- */
  --v5-neutral-0:#FFFFFF;  --v5-neutral-50:#F7F9F9;  --v5-neutral-100:#EEF2F2;
  --v5-neutral-200:#E1E7E7; --v5-neutral-300:#CBD4D4; --v5-neutral-400:#9AA8A8;
  --v5-neutral-500:#6B7B7B; --v5-neutral-600:#4C5A5A; --v5-neutral-700:#374242;
  --v5-neutral-800:#232C2C; --v5-neutral-900:#141A1A; --v5-neutral-950:#0B0F0F;
  /* ---- Colors: semantic (calm-precision, muted) ---- */
  --v5-success:#1B7A5A; --v5-success-soft:#E3F2EC; --v5-on-success:#FFFFFF;
  --v5-warning:#B0791B; --v5-warning-soft:#F6ECD9; --v5-on-warning:#FFFFFF;
  --v5-danger:#B23A3A;  --v5-danger-soft:#F6E4E4;  --v5-on-danger:#FFFFFF;
  --v5-info:#2A6F97;    --v5-info-soft:#E1EDF4;    --v5-on-info:#FFFFFF;
  /* ---- Surface ---- */
  --v5-surface-base:#F7F9F9; --v5-surface-raised:#FFFFFF; --v5-surface-sunken:#EEF2F2;
  --v5-surface-overlay:#FFFFFF; --v5-surface-inverse:#0A3D3A;
  /* ---- Text ---- */
  --v5-text-strong:#141A1A; --v5-text-default:#232C2C; --v5-text-muted:#4C5A5A;
  --v5-text-subtle:#6B7B7B; --v5-text-on-brand:#FFFFFF; --v5-text-disabled:#9AA8A8;
  /* ---- Border ---- */
  --v5-border-subtle:rgba(10,61,58,.08); --v5-border-default:rgba(10,61,58,.14);
  --v5-border-strong:rgba(10,61,58,.24); --v5-border-width:1px;
  /* ---- Typography ---- */
  --v5-font-sans:'Cairo', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --v5-font-mono:'Cairo', ui-monospace, monospace;
  --v5-font-feature:"kern" 1,"liga" 1,"calt" 1,"ss01" 1;
  --v5-text-xs:.75rem; --v5-text-sm:.875rem; --v5-text-base:1rem; --v5-text-lg:1.125rem;
  --v5-text-xl:1.25rem; --v5-text-2xl:1.5rem; --v5-text-3xl:1.875rem; --v5-text-4xl:2.25rem; --v5-text-5xl:3rem;
  --v5-leading-none:1; --v5-leading-tight:1.2; --v5-leading-snug:1.35; --v5-leading-normal:1.55; --v5-leading-relaxed:1.75;
  --v5-weight-regular:400; --v5-weight-medium:500; --v5-weight-semibold:600; --v5-weight-bold:700; --v5-weight-black:800;
  --v5-tracking-tighter:-.02em; --v5-tracking-tight:-.01em; --v5-tracking-normal:0; --v5-tracking-wide:.02em; --v5-tracking-wider:.04em;
  /* ---- Radius ---- */
  --v5-radius-xs:6px; --v5-radius-sm:8px; --v5-radius-md:12px; --v5-radius-lg:16px;
  --v5-radius-xl:20px; --v5-radius-2xl:28px; --v5-radius-full:999px;
  /* ---- Spacing (4px base) ---- */
  --v5-space-0:0; --v5-space-1:4px; --v5-space-2:8px; --v5-space-3:12px; --v5-space-4:16px;
  --v5-space-5:20px; --v5-space-6:24px; --v5-space-8:32px; --v5-space-10:40px; --v5-space-12:48px; --v5-space-16:64px;
  /* ---- Shadows (soft, brand-tinted) ---- */
  --v5-shadow-xs:0 1px 2px rgba(10,61,58,.06);
  --v5-shadow-sm:0 2px 6px rgba(10,61,58,.08);
  --v5-shadow-md:0 6px 16px rgba(10,61,58,.10);
  --v5-shadow-lg:0 14px 32px rgba(10,61,58,.12);
  --v5-shadow-xl:0 24px 56px rgba(10,61,58,.16);
  /* ---- Elevation (surface lift map) ---- */
  --v5-elev-0:none; --v5-elev-1:var(--v5-shadow-sm); --v5-elev-2:var(--v5-shadow-md);
  --v5-elev-3:var(--v5-shadow-lg); --v5-elev-4:var(--v5-shadow-xl);
  /* ---- Motion ---- */
  --v5-ease-standard:cubic-bezier(.2,0,0,1); --v5-ease-emphasized:cubic-bezier(.3,0,0,1);
  --v5-ease-decelerate:cubic-bezier(0,0,0,1); --v5-ease-spring:cubic-bezier(.34,1.56,.64,1);
  --v5-duration-instant:80ms; --v5-duration-fast:140ms; --v5-duration-base:220ms;
  --v5-duration-slow:320ms; --v5-duration-slower:480ms;
  /* ---- Focus ---- */
  --v5-focus-ring-color:var(--v5-brand-400); --v5-focus-ring-width:2px; --v5-focus-ring-offset:2px;
  --v5-focus-ring:0 0 0 var(--v5-focus-ring-width) var(--v5-focus-ring-color);
  /* ---- States ---- */
  --v5-state-hover:rgba(10,61,58,.06); --v5-state-pressed:rgba(10,61,58,.12);
  --v5-state-selected:rgba(10,61,58,.10); --v5-state-focus:var(--v5-focus-ring-color);
  --v5-state-disabled-opacity:.45;

  /* ==== Override: محرك اللون القديم -> Deep Teal Navy #0A3D3A (Override فقط) ==== */
  --ds-primary-h:177; --ds-primary-s:72%; --ds-primary-l:14%;
}
[data-theme="dark"]{
  /* ---- brand (variant أفتح للتباين على الداكن، نفس عائلة التيل) ---- */
  --v5-brand:#38B0A6; --v5-brand-hover:#4CC3B8; --v5-brand-active:#2C8C82; --v5-on-brand:#04201F;
  /* ---- Surface ---- */
  --v5-surface-base:#071A1C; --v5-surface-raised:#0C2427; --v5-surface-sunken:#050F10;
  --v5-surface-overlay:#102E31; --v5-surface-inverse:#EAF6F4;
  /* ---- Text ---- */
  --v5-text-strong:#EAF2F1; --v5-text-default:#D3DEDD; --v5-text-muted:#9BAAAA;
  --v5-text-subtle:#758585; --v5-text-on-brand:#04201F; --v5-text-disabled:#556161;
  /* ---- Border ---- */
  --v5-border-subtle:rgba(255,255,255,.06); --v5-border-default:rgba(255,255,255,.11); --v5-border-strong:rgba(255,255,255,.20);
  /* ---- semantic soft (داكن) ---- */
  --v5-success-soft:rgba(52,201,169,.16); --v5-warning-soft:rgba(240,190,80,.16);
  --v5-danger-soft:rgba(240,128,112,.16); --v5-info-soft:rgba(110,180,220,.16);
  /* ---- Shadows (أعمق على الداكن) ---- */
  --v5-shadow-xs:0 1px 2px rgba(0,0,0,.40); --v5-shadow-sm:0 2px 6px rgba(0,0,0,.44);
  --v5-shadow-md:0 6px 16px rgba(0,0,0,.50); --v5-shadow-lg:0 14px 32px rgba(0,0,0,.56); --v5-shadow-xl:0 24px 56px rgba(0,0,0,.62);
  /* ---- Focus / States (داكن) ---- */
  --v5-focus-ring-color:#4CC3B8;
  --v5-state-hover:rgba(255,255,255,.06); --v5-state-pressed:rgba(255,255,255,.12); --v5-state-selected:rgba(255,255,255,.10);
  /* ==== Override محرك اللون القديم (داكن): تيل مرئي من نفس العائلة ==== */
  --ds-primary-h:176; --ds-primary-s:52%; --ds-primary-l:46%;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --v5-brand:#38B0A6; --v5-brand-hover:#4CC3B8; --v5-brand-active:#2C8C82; --v5-on-brand:#04201F;
    --v5-surface-base:#071A1C; --v5-surface-raised:#0C2427; --v5-surface-sunken:#050F10;
    --v5-surface-overlay:#102E31; --v5-surface-inverse:#EAF6F4;
    --v5-text-strong:#EAF2F1; --v5-text-default:#D3DEDD; --v5-text-muted:#9BAAAA;
    --v5-text-subtle:#758585; --v5-text-on-brand:#04201F; --v5-text-disabled:#556161;
    --v5-border-subtle:rgba(255,255,255,.06); --v5-border-default:rgba(255,255,255,.11); --v5-border-strong:rgba(255,255,255,.20);
    --v5-success-soft:rgba(52,201,169,.16); --v5-warning-soft:rgba(240,190,80,.16);
    --v5-danger-soft:rgba(240,128,112,.16); --v5-info-soft:rgba(110,180,220,.16);
    --v5-shadow-xs:0 1px 2px rgba(0,0,0,.40); --v5-shadow-sm:0 2px 6px rgba(0,0,0,.44);
    --v5-shadow-md:0 6px 16px rgba(0,0,0,.50); --v5-shadow-lg:0 14px 32px rgba(0,0,0,.56); --v5-shadow-xl:0 24px 56px rgba(0,0,0,.62);
    --v5-focus-ring-color:#4CC3B8;
    --v5-state-hover:rgba(255,255,255,.06); --v5-state-pressed:rgba(255,255,255,.12); --v5-state-selected:rgba(255,255,255,.10);
    --ds-primary-h:176; --ds-primary-s:52%; --ds-primary-l:46%;
  }
}
/* ---- Typography activation: شاشة فقط (لا تمسّ الطباعة/التقارير) ---- */
@media screen{
  body{
    font-feature-settings:var(--v5-font-feature);
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
  }
}