/* ==========================================================================
   WPIIET Design Tokens  v1.0   (RTL-first, Arabic-first)
   Layer 1  primitives  (raw palette / scale)          --c-*, --space-*, --fs-*
   Layer 2  semantic    (what a thing MEANS)           --brand, --ink, --surface...
   Layer 3  site-type   ([data-theme] overrides only layer 2 brand slots)
   Maps 1:1 onto inc/site-type-design.php keys: primary_color, secondary_color,
   accent_color, highlight_color, header_bg, top_bar_bg, card_radius, button_radius...
   ========================================================================== */

@font-face{font-family:"Tajawal";font-weight:400;font-display:swap;src:url("../fonts/tajawal-arabic-400-normal.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:"Tajawal";font-weight:500;font-display:swap;src:url("../fonts/tajawal-arabic-500-normal.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:"Tajawal";font-weight:700;font-display:swap;src:url("../fonts/tajawal-arabic-700-normal.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:"Tajawal";font-weight:800;font-display:swap;src:url("../fonts/tajawal-arabic-800-normal.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:"Tajawal";font-weight:400;font-display:swap;src:url("../fonts/tajawal-latin-400-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:"Tajawal";font-weight:500;font-display:swap;src:url("../fonts/tajawal-latin-500-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:"Tajawal";font-weight:700;font-display:swap;src:url("../fonts/tajawal-latin-700-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:"Tajawal";font-weight:800;font-display:swap;src:url("../fonts/tajawal-latin-800-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}

:root{
  /* ---------- Layer 1 : primitives ---------- */
  /* Teal (from logo nib + their mockup) */
  --c-teal-50:#E8F7F8; --c-teal-100:#C9EDEF; --c-teal-200:#98DBDF; --c-teal-300:#5FC4CB; --c-teal-400:#2EAAB4;
  --c-teal-500:#128F9B; --c-teal-600:#0C7380; --c-teal-700:#0A5C67; --c-teal-800:#0A4851; --c-teal-900:#08343B;
  /* Navy (logo frame / current hero) */
  --c-navy-50:#EEF2FA; --c-navy-100:#D9E2F3; --c-navy-200:#B3C4E6; --c-navy-300:#7F98CC; --c-navy-400:#4E6DB0;
  --c-navy-500:#2F4F94; --c-navy-600:#223C78; --c-navy-700:#1A2F60; --c-navy-800:#132349; --c-navy-900:#0C1733;
  /* Gold (current top bar + logo background) */
  --c-gold-50:#FFF8E6; --c-gold-100:#FEEDBA; --c-gold-200:#FCDC86; --c-gold-300:#F9C94F; --c-gold-400:#F2B632;
  --c-gold-500:#E09E12; --c-gold-600:#BC7D0A; --c-gold-700:#8F5D0A;
  /* Their-suggestion palette (sampled from idara-main.jpg) */
  --c-plum-50:#F3EEF6; --c-plum-100:#E2D6EA; --c-plum-300:#9B7FB3; --c-plum-500:#5E4377; --c-plum-700:#3F2B4E; --c-plum-900:#321F35;
  --c-violet-400:#8A8EE0; --c-violet-500:#7076D6; --c-violet-600:#5A5FC4;
  --c-yellow-300:#FFD84D; --c-yellow-400:#FFC500; --c-yellow-500:#E9B000;
  --c-green-300:#A6DB93; --c-green-400:#81C86A; --c-green-600:#4E9C3A;
  --c-cyan-300:#8FD5DC; --c-cyan-400:#5DC6CA; --c-cyan-500:#3FB4BA;
  --c-ink-navy:#0E1039; --c-link-blue:#1E6FE0; --c-mint:#52C5BD;
  /* Neutrals (cool, very slightly teal) */
  --c-n-0:#FFFFFF; --c-n-25:#FAFBFC; --c-n-50:#F4F6F8; --c-n-100:#E9EDF1; --c-n-200:#D7DDE4; --c-n-300:#B8C1CB;
  --c-n-400:#8A96A3; --c-n-500:#637080; --c-n-600:#485361; --c-n-700:#333D4A; --c-n-800:#202833; --c-n-900:#121821;
  /* Status */
  --c-success:#1E9E6A; --c-warning:#E09E12; --c-danger:#D6455D; --c-info:#2F7FD1;

  /* Type */
  --font-ar:"Tajawal","Segoe UI",Tahoma,Arial,sans-serif;
  --fs-xs:.8125rem; --fs-sm:.9375rem; --fs-md:1.0625rem; --fs-lg:1.25rem; --fs-xl:1.5rem;
  --fs-2xl:clamp(1.6rem,1.2rem + 1.2vw,2.1rem); --fs-3xl:clamp(2rem,1.4rem + 2.2vw,3rem); --fs-4xl:clamp(2.4rem,1.6rem + 3.4vw,4rem);
  --lh-tight:1.25; --lh-body:1.85; --lh-ui:1.5;
  --fw-regular:400; --fw-medium:500; --fw-bold:700; --fw-black:800;

  /* Space (4px grid) */
  --space-1:.25rem; --space-2:.5rem; --space-3:.75rem; --space-4:1rem; --space-5:1.5rem; --space-6:2rem;
  --space-7:3rem; --space-8:4rem; --space-9:6rem; --section-y:clamp(3rem,2rem + 4vw,5.5rem);

  /* Shape */
  --r-xs:6px; --r-sm:10px; --r-md:14px; --r-lg:22px; --r-xl:30px; --r-pill:999px;
  --card-radius:var(--r-lg); --button-radius:var(--r-pill);

  /* Elevation */
  --sh-1:0 1px 2px rgba(12,23,51,.06),0 1px 1px rgba(12,23,51,.04);
  --sh-2:0 6px 16px -4px rgba(12,23,51,.12),0 2px 4px rgba(12,23,51,.05);
  --sh-3:0 18px 40px -12px rgba(12,23,51,.22),0 4px 10px rgba(12,23,51,.06);
  --sh-glow:0 10px 30px -8px color-mix(in srgb,var(--brand) 55%,transparent);

  /* Motion */
  --ease:cubic-bezier(.2,.7,.2,1); --t-fast:.15s; --t-base:.28s; --t-slow:.5s;

  /* Layout */
  --container:1200px; --gutter:clamp(1rem,.5rem + 2vw,2rem);
  --bp-sm:640px; --bp-md:900px; --bp-lg:1200px;
  --z-header:50; --z-dropdown:60; --z-modal:100;

  /* ---------- Layer 2 : semantic (default theme = enterprise / الإدارة العامة) ---------- */
  --brand-50:#EAF8F9; --brand-100:#CDEFF1; --brand-300:var(--c-cyan-400);
  --brand-500:#20AEB4; --brand-600:#159AA3; --brand-700:#0E7F89; --brand-900:#0A4F57;
  --brand:var(--brand-600);            /* primary_color    */
  --brand-strong:var(--brand-700);
  --brand-soft:var(--brand-50);
  --secondary:var(--c-plum-700);       /* secondary_color  : plum (forum band, footer, headings) */
  --accent:var(--c-yellow-400);        /* accent_color     : yellow (weekends, CTAs) */
  --accent-strong:var(--c-yellow-500);
  --highlight:var(--c-violet-500);     /* highlight_color  : violet (date cards) */
  --heading:var(--brand-600);          /* section titles are teal in their mockup */
  --stat-ink:var(--c-ink-navy);
  --topbar-bg:var(--c-mint);           /* top_bar_bg       */
  --topbar-ink:#fff;
  --header-bg:#F1F0F0;                 /* header_bg        */
  --header-ink:var(--c-plum-900);
  --hero-overlay:linear-gradient(180deg,rgba(10,40,45,.05) 0%,rgba(10,40,45,.15) 45%,rgba(14,127,137,.82) 82%,#0d8794 100%);
  --footer-bg:var(--c-plum-900);

  --ink:var(--c-n-900); --ink-2:var(--c-n-600); --ink-3:var(--c-n-500);
  --surface:var(--c-n-0); --surface-2:var(--c-n-25); --surface-3:var(--c-n-50);
  --line:var(--c-n-100); --line-strong:var(--c-n-200);
  --focus:0 0 0 3px color-mix(in srgb,var(--brand) 35%,transparent);
}

/* ---------- Layer 3 : site-type themes (override brand slots only) ---------- */
[data-theme="school"]{
  --brand-50:#E8F6FB; --brand-100:#C6E8F3; --brand-300:#5DC0DA; --brand-500:#17A2C4; --brand-600:#0C8DB0; --brand-700:#0A6F8C; --brand-900:#064559;
  --secondary:var(--c-plum-700); --accent:var(--c-yellow-400); --accent-strong:var(--c-yellow-500); --highlight:var(--c-violet-500);
  --heading:var(--brand-700);
  --topbar-bg:var(--c-plum-900); --topbar-ink:#fff; --header-bg:#fff; --header-ink:var(--c-plum-900);
  --footer-bg:var(--c-plum-900); --card-radius:var(--r-xl);
  --hero-overlay:linear-gradient(180deg,rgba(6,69,89,.15) 0%,rgba(50,31,53,.45) 55%,rgba(50,31,53,.92) 100%);
}
[data-theme="technical"]{
  --heading:var(--secondary);
  --brand-50:#E9F1FD; --brand-100:#CFE0FA; --brand-300:#7FA9EE; --brand-500:#2E6FDB; --brand-600:#1F5BC2; --brand-700:#17479B; --brand-900:#0D2A5C;
  --secondary:var(--c-navy-800); --accent:#F26B21; --accent-strong:#C9520F; --highlight:#14B8A6;
  --topbar-bg:var(--c-navy-900); --topbar-ink:#fff; --header-bg:var(--c-navy-800); --header-ink:#fff;
  --card-radius:var(--r-md); --button-radius:var(--r-sm); --footer-bg:#08122B;
}
[data-theme="training"]{
  --heading:var(--secondary);
  --brand-50:#EFEEFB; --brand-100:#DAD7F6; --brand-300:#9E96E6; --brand-500:#5A4FCF; --brand-600:#4A3FB8; --brand-700:#3A3190; --brand-900:#221D58;
  --secondary:var(--c-navy-700); --accent:var(--c-gold-400); --highlight:var(--c-teal-500);
  --topbar-bg:var(--brand-700); --topbar-ink:#fff; --card-radius:var(--r-lg);
}
[data-theme="publishing"]{
  --heading:var(--secondary);
  --brand-50:#FBEDF1; --brand-100:#F5D3DC; --brand-300:#DC8DA4; --brand-500:#B13D5F; --brand-600:#962F4F; --brand-700:#772540; --brand-900:#451526;
  --secondary:var(--c-navy-800); --accent:var(--c-gold-400); --highlight:var(--c-teal-600);
  --topbar-bg:var(--brand-700); --topbar-ink:#fff; --card-radius:var(--r-md);
}