/* Fixed in this copy: the latin Plex files carried the Arabic unicode-range.
   EJA Services — design tokens (from the app's new look, v6.633.8). Load this first, then eja-components.css.
   Light by default; dark with data-theme="dark" on <html>, the class "dark" on <body>, or the phone's dark setting. */

@font-face { font-family: 'EJA Plex'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/ibm-plex-sans-arabic-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, U+FEFF, U+FFFD; }
@font-face { font-family: 'EJA Plex'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2) format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF; }
@font-face { font-family: 'EJA Plex'; font-style: normal; font-weight: 600; font-display: swap; src: url(fonts/ibm-plex-sans-arabic-latin-600-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, U+FEFF, U+FFFD; }
@font-face { font-family: 'EJA Plex'; font-style: normal; font-weight: 600; font-display: swap; src: url(fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2) format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF; }
@font-face { font-family: 'EJA Plex'; font-style: normal; font-weight: 700; font-display: swap; src: url(fonts/ibm-plex-sans-arabic-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, U+FEFF, U+FFFD; }
@font-face { font-family: 'EJA Plex'; font-style: normal; font-weight: 700; font-display: swap; src: url(fonts/ibm-plex-sans-arabic-arabic-700-normal.woff2) format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF; }
@font-face { font-family: 'EJA Cairo'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/cairo-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, U+FEFF, U+FFFD; }
@font-face { font-family: 'EJA Cairo'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/cairo-arabic-400-normal.woff2) format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF; }
@font-face { font-family: 'EJA Cairo'; font-style: normal; font-weight: 600; font-display: swap; src: url(fonts/cairo-latin-600-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, U+FEFF, U+FFFD; }
@font-face { font-family: 'EJA Cairo'; font-style: normal; font-weight: 600; font-display: swap; src: url(fonts/cairo-arabic-600-normal.woff2) format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF; }
@font-face { font-family: 'EJA Cairo'; font-style: normal; font-weight: 800; font-display: swap; src: url(fonts/cairo-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, U+FEFF, U+FFFD; }
@font-face { font-family: 'EJA Cairo'; font-style: normal; font-weight: 800; font-display: swap; src: url(fonts/cairo-arabic-800-normal.woff2) format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF; }

:root, [data-theme="light"] {
  --logo-teal: #007788;
  --logo-gold: #f8b128;
  --logo-orange: #ff841f;
  --brand: #0f6b74;
  --brand-fill: #0f6b74;
  --on-brand: #ffffff;
  --brand-soft: rgba(15,107,116,0.10);
  --gold: #e0a11e;
  --wait: #a06a10;
  --bad: #8e2c3b;
  --bad-fill: #8e2c3b;
  --bad-soft: rgba(142,44,59,0.10);
  --good: var(--brand);
  --whatsapp: #25d366;
  --bg: #f4f7f6;
  --bg2: #f4f8f6;
  --desk-bg: #eef3f2;
  --card: #ffffff;
  --line: #e4ebe8;
  --code-empty-line: rgba(15,107,116,0.28);
  --text: #16241f;
  --muted: #40605d;
  --muted2: #7a8781;
  --logo-plate: #ffffff;
  --scrim: rgba(8,28,30,0.45);
  --shadow-card: 0 1px 3px rgba(10,40,44,0.06);
  --shadow-bar: 0 14px 36px rgba(10,40,44,0.30), 0 3px 10px rgba(10,40,44,0.16), 0 0 0 1px rgba(10,40,44,0.04);
  --shadow-pop: 0 24px 60px rgba(10,40,44,0.28);
  --shadow-plus: 0 6px 16px rgba(15,107,116,0.35);
  --shadow-fill: 0 6px 16px rgba(15,107,116,0.22);
  color-scheme: light;
}

[data-theme="dark"], body.dark {
  --brand: #3fb5bf;
  --brand-fill: #16808a;
  --brand-soft: rgba(63,181,191,0.14);
  --gold: #e8b04a;
  --wait: #e0a11e;
  --bad: #e3919e;
  --bad-fill: #a8404f;
  --bad-soft: rgba(227,145,158,0.14);
  --bg: #0d1513;
  --bg2: #1b2826;
  --desk-bg: #0c1413;
  --card: #16211f;
  --line: #22302d;
  --text: #e6efec;
  --muted: #a9bcb7;
  --muted2: #8fa39e;
  --logo-plate: #f2f7f6;
  --scrim: rgba(0,0,0,0.6);
  --shadow-bar: 0 14px 40px rgba(0,0,0,0.65), 0 3px 10px rgba(0,0,0,0.45);
  --shadow-pop: 0 24px 60px rgba(0,0,0,0.6);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --brand: #3fb5bf;
    --brand-fill: #16808a;
    --brand-soft: rgba(63,181,191,0.14);
    --gold: #e8b04a;
    --wait: #e0a11e;
    --bad: #e3919e;
    --bad-fill: #a8404f;
    --bad-soft: rgba(227,145,158,0.14);
    --bg: #0d1513;
    --bg2: #1b2826;
    --desk-bg: #0c1413;
    --card: #16211f;
    --line: #22302d;
    --text: #e6efec;
    --muted: #a9bcb7;
    --muted2: #8fa39e;
    --logo-plate: #f2f7f6;
    --scrim: rgba(0,0,0,0.6);
    --shadow-bar: 0 14px 40px rgba(0,0,0,0.65), 0 3px 10px rgba(0,0,0,0.45);
    --shadow-pop: 0 24px 60px rgba(0,0,0,0.6);
    color-scheme: dark;
  }
}

:root {
  --space-2: 2px;
  --space-6: 6px;
  --space-7: 7px;
  --space-8: 8px;
  --space-10: 10px;
  --space-12: 12px;
  --space-14: 14px;
  --space-16: 16px;
  --space-22: 22px;
  --space-32: 32px;
  --radius-10: 10px;
  --radius-12: 12px;
  --radius-14: 14px;
  --radius-16: 16px;
  --radius-18: 18px;
  --radius-22: 22px;
  --radius-pill: 999px;
  --tap-min: 44px;
  --field-min: 48px;
  --pop-button: 50px;
  --plus: 56px;
  --code-w: 44px;
  --code-h: 52px;
  --bar-max: 560px;
  --side-menu: 256px;
  --side-menu-mini: 76px;
  --shell-max: 1320px;
  --font-ui: "EJA Plex", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-alt: "EJA Cairo", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, Menlo, monospace;
}