/* =====================================================================
   EES Theme — Design tokens
   ---------------------------------------------------------------------
   All colours, radii and fonts of the theme live here. The rest of the
   theme reads only from these tokens. Values were sampled from the
   approved Figma screens of the syndicate's e-platform.

   These are the DEFAULTS. Admins change them from Desk →
   "EES Theme Dynamic Settings"; do not edit colours here for one site.
   ===================================================================== */

/* ---- Font (bundled locally, works offline) ------------------------- */
@font-face { font-family: "EES Sans"; font-weight: 400; font-display: swap;
  src: url("/assets/ees_theme/fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2") format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }
@font-face { font-family: "EES Sans"; font-weight: 500; font-display: swap;
  src: url("/assets/ees_theme/fonts/ibm-plex-sans-arabic-arabic-500-normal.woff2") format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }
@font-face { font-family: "EES Sans"; font-weight: 600; font-display: swap;
  src: url("/assets/ees_theme/fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2") format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }
@font-face { font-family: "EES Sans"; font-weight: 700; font-display: swap;
  src: url("/assets/ees_theme/fonts/ibm-plex-sans-arabic-arabic-700-normal.woff2") format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }
@font-face { font-family: "EES Sans"; font-weight: 400; font-display: swap;
  src: url("/assets/ees_theme/fonts/ibm-plex-sans-arabic-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "EES Sans"; font-weight: 500; font-display: swap;
  src: url("/assets/ees_theme/fonts/ibm-plex-sans-arabic-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "EES Sans"; font-weight: 600; font-display: swap;
  src: url("/assets/ees_theme/fonts/ibm-plex-sans-arabic-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "EES Sans"; font-weight: 700; font-display: swap;
  src: url("/assets/ees_theme/fonts/ibm-plex-sans-arabic-latin-700-normal.woff2") format("woff2"); }

:root {
  /* Values sampled from the syndicate's approved Figma screens (Sep 2026).
     Confirm exact hex codes against Figma Inspect when edit access is granted. */

  /* ---- Brand colours ------------------------------------------------ */
  --ees-primary:        #0D9549;   /* Figma: primary green (buttons, active nav) */
  --ees-primary-hover:  #0B7F3E;
  --ees-primary-soft:   #E8F5EE;   /* green tint (selected / hover bg)          */
  --ees-secondary:      #0075FF;   /* Figma: action blue (edit, restore, radio) */
  --ees-secondary-soft: #EFF6FF;
  --ees-on-primary:     #FFFFFF;

  /* ---- Neutrals ----------------------------------------------------- */
  --ees-page-bg:        #F8FAFC;   /* Figma: app background        */
  --ees-surface:        #FFFFFF;   /* Figma: cards / content panel */
  --ees-surface-muted:  #F0F3F7;   /* Figma: table header          */
  --ees-input-bg:       #F8F8FA;   /* Figma: search field          */
  --ees-border:         #DEE2E6;   /* Figma: row cards / buttons   */
  --ees-divider:        #F0F3F7;   /* Figma: sidebar rail          */
  --ees-text:           #2C3242;
  --ees-text-muted:     #686D78;
  --ees-heading:        #0E1527;

  /* ---- Status ------------------------------------------------------- */
  --ees-success:        #0D9549;
  --ees-warning:        #D98A00;
  --ees-danger:         #990404;   /* Figma: delete */
  --ees-info:           #0075FF;

  /* ---- Navbar & sidebar -------------------------------------------- */
  --ees-navbar-bg:      #FFFFFF;   /* Figma: white floating header */
  --ees-navbar-text:    var(--ees-heading);
  --ees-sidebar-bg:     #FFFFFF;
  --ees-sidebar-active-bg:   transparent;
  --ees-sidebar-active-text: var(--ees-heading);
  --ees-sidebar-active-bar:  var(--ees-primary);

  /* ---- Shape -------------------------------------------------------- */
  --ees-radius-sm:  6px;           /* buttons, inputs        */
  --ees-radius-md:  8px;           /* row cards, table head  */
  --ees-radius-lg:  16px;          /* content panel          */
  --ees-radius-pill: 999px;        /* search field           */
  --ees-shadow-card: none;
  --ees-shadow-header: 0 6px 24px rgba(14, 21, 39, .06);
  --ees-shadow-pop:  0 8px 24px rgba(14, 21, 39, .12);

  /* ---- App / sidebar icons ----------------------------------------- */
  --ees-icon-bg:        var(--ees-primary);
  --ees-icon-color:     var(--ees-on-primary);

  /* ---- Logo sizes --------------------------------------------------- */
  --ees-sidebar-logo-width: 110px;
  --ees-navbar-logo-height: 40px;

  /* ---- Sidebar rows ------------------------------------------------- */
  --ees-sidebar-item-height: 32px;
  --ees-sidebar-icon-size:   24px;
  --ees-sidebar-icon-radius: 6px;
  --ees-sidebar-icon-gap:    10px;

  /* ---- Typography --------------------------------------------------- */
  --ees-font: "EES Sans", "IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;  /* confirm font name from Figma */
  --ees-heading-weight: 600;
  --ees-control-height: 36px;

  /* ---- Login page --------------------------------------------------- */
  --ees-login-bg:            #FFFFFF;
  --ees-login-text:          #344054;
  --ees-login-input-border:  #D0D5DD;
  --ees-login-placeholder:   #98A2B3;
  --ees-login-link:          #667085;
  --ees-login-accent:        #008846;
  --ees-login-button-start:  #006B3C;
  --ees-login-button-end:    #009653;
  --ees-login-panel-start:   #006837;
  --ees-login-panel-mid:     #008545;
  --ees-login-panel-end:     #00A057;
  --ees-login-panel-text:    #FFFFFF;
  --ees-login-title-text:    "Sign In";
  --ees-login-logo-filter:   brightness(0) invert(1);
}

/* Values chosen in "EES Theme Dynamic Settings" are loaded after this file
   (generated stylesheet) and override the defaults above. */