/* =========================================================================
   eje brand tokens — the SINGLE source of colours (+ the chosen font stacks)
   for every site. Edit a value here once and it changes everywhere.

   Two delivery paths, one file:
     • console.css does `@import './brand-tokens.css';`  → built into the app
     • GET /eje/brand.css serves this same file            → every other site
       (and brand.js pulls it in, so one include gives icons+logos+anim+colours)

   The eje green (--accent / --green = #1eff00) is the identity. The portable
   brand templates historically used their own names (--green, --rose, …); those
   are provided here as aliases so they resolve to the one canonical palette.

   NOTE: surfaces/backgrounds (--bg, --surface, …) are intentionally NOT here —
   they are per-site, so unifying colours never repaints a background. The
   console sets its own (slate) in console.css; the public site keeps its own
   (near-black) in its template. Only the shared identity + semantics live here.
   ========================================================================= */
:root{
  /* brand + per-site accents */
  --c-eje:#1eff00; --c-stock:#f5a524; --c-ebrahim:#38bdf8; --c-app:#34d399;
  --accent:#1eff00;

  /* chosen type (already settled — centralised here for reference) */
  --disp:'Manrope',sans-serif;
  --ui:'Inter',system-ui,'Segoe UI',sans-serif;
  --mono:'Inter',system-ui,sans-serif;
  --ar:'IBM Plex Sans Arabic','Inter',sans-serif;
  --r:16px; --r-sm:11px;

  /* dark defaults (shared, background-independent) */
  --line:rgba(255,255,255,.09); --line-2:rgba(255,255,255,.15);
  --text:#f4f6fa; --text-2:#aeb6c4; --text-3:#79828f;
  --accent-ink:#86ff6b; --accent-soft:rgba(30,255,0,.17);
  /* semantic palette — the deliberate values shown in Brand > Colors */
  --pos:#10b981; --pos-soft:rgba(16,185,129,.15);
  --neg:#ef4444; --neg-soft:rgba(239,68,68,.15);
  --revenue:#10b981; --profit:#2563eb; --expense:#ef4444; --balance:#2563eb;
  --done:#10b981; --pending:#f59e0b; --overdue:#ef4444; --info:#2563eb; --draft:#79828f;
  --vat:#f59e0b; --zero-rate:#7c3aed; --input-vat:#06b6d4;
  --wa:#25d366;
  --shadow:none; --shadow-hover:none;
  --tip-shadow:0 8px 28px rgba(0,0,0,.5);

  /* aliases used by the portable brand templates → same canonical palette */
  --green:var(--accent); --green-ink:#052b00; --green-soft:var(--accent-soft);
  --rose:var(--neg); --white:var(--text); --mut:var(--text-2); --mut-2:var(--text-3);
  --card:var(--surface);
}
:root[data-theme="light"]{
  --line:rgba(17,24,39,.08); --line-2:rgba(17,24,39,.14);
  --text:#1a1d26; --text-2:#5b6573; --text-3:#8a93a1;
  --accent-ink:#0a8500; --accent-soft:rgba(30,255,0,.12);
  --pos:#10b981; --pos-soft:rgba(16,185,129,.12);
  --neg:#ef4444; --neg-soft:rgba(239,68,68,.10);
  --shadow:0 1px 2px rgba(16,24,40,.05),0 2px 6px rgba(16,24,40,.04);
  --shadow-hover:0 6px 18px rgba(16,24,40,.08);
  --tip-shadow:0 8px 28px rgba(16,24,40,.16);
}