/* DEVA UI — design tokens. Legacy values are measured from the live app (computed styles, 2026-11-06). */
:root {
  /* --- Legacy palette (measured) --- */
  --legacy-dash-bg:      #027E83;              /* dashboard page background        */
  --legacy-bar-bg:       #026367;              /* top bar                          */
  --legacy-tile-overlay: rgba(0,0,0,.20);      /* tile / clock / title panels      */
  --legacy-gold:         #FFC800;              /* dashboard headline + clock       */
  --legacy-power-bg:     #E9CEE4;              /* power button                     */
  --legacy-power-fg:     #585858;
  --legacy-app-bg:       #E4E6E9;              /* inner pages background           */
  --legacy-text:         #393939;
  --legacy-nav-bg:       #F8F8F8;
  --legacy-nav-fg:       #585858;
  --legacy-th:           #307ECC;              /* table header text                */
  --legacy-link:         #337AB7;
  --legacy-row-alt:      #F9F9F9;
  --legacy-border:       #DDDDDD;
  --legacy-btn:          #6FB3E0;              /* "New", "Operations"              */
  --legacy-stage:        #D15B47;              /* control/package badge            */
  --legacy-st-checkpoint:#FFC762;
  --legacy-st-cnc:       #FFF363;
  --legacy-st-received:  #D0D0D0;
  --legacy-st-warehouse: #720000;

  /* --- Semantic tokens: components use ONLY these --- */
  --c-dash-bg: var(--legacy-dash-bg);
  --c-bar: var(--legacy-bar-bg);
  --c-tile: var(--legacy-tile-overlay);
  --c-accent: var(--legacy-gold);
  --c-on-dark: #FFFFFF;
  --c-bg: var(--legacy-app-bg);
  --c-text: var(--legacy-text);
  --c-border: var(--legacy-border);
  --c-primary: var(--legacy-btn);
  --c-link: var(--legacy-link);
  --c-th: var(--legacy-th);
  --c-danger: var(--legacy-stage);

  /* --- Brand palette (redesign option, unused until approved) --- */
  --brand-ink:  #0D0D0D;
  --brand-gold: #C5A880;

  /* --- Type --- */
  --font-ui:    "Noto Kufi Arabic", Arial, sans-serif;   /* legacy uses this for EN/AR/KU */
  --font-clock: Arial, Helvetica, sans-serif;
  --fs-body: 16px;  --fs-tile: 30px;  --fs-title: 75px;  --fs-clock: 73px;

  /* --- Shape / spacing --- */
  --radius-panel: 5px;  --radius-bar: 10px;  --radius-power: 16px;
  --shadow-panel: 0 5px 5px 0 rgba(0,0,0,.25);
  --gap: 24px;  --gutter: 15px;  --tile-h: 116px;  --head-h: 138px;
  --bp-md: 768px; --bp-lg: 992px; --bp-xl: 1200px;
}

/* ---- Phase B additions (measured from InvoiceList.php) ---- */
:root{
  --legacy-page:#FFFFFF; --legacy-nav-active-bg:#F2F6F9; --legacy-nav-active-fg:#2B7DBC;
  --legacy-toolbar-icon:#6688A6; --legacy-pg-active:#6FAED9; --legacy-stripe:#F9F9F9;
  --legacy-search-line:#6FB3E0; --legacy-th-line:#DDDDDD; --legacy-input-bg:#F7F7F7;
  /* status pills — only these 4 occur in current data; the other 5 are TODO (capture when rows exist) */
  --st-checkpoint:#FFC762; --st-cnc:#FFF363; --st-received:#D0D0D0; --st-warehouse:#720000;
  --st-new:#6FB3E0; --st-control:#6FB3E0; --st-packaging:#6FB3E0; --st-suspended:#6FB3E0; --st-stop:#6FB3E0;
  --c-page:var(--legacy-page); --c-nav-active-bg:var(--legacy-nav-active-bg); --c-nav-active-fg:var(--legacy-nav-active-fg);
  --c-toolbar-icon:var(--legacy-toolbar-icon); --c-pg-active:var(--legacy-pg-active);
  --fs-table:20px; --fs-th:15px; --fs-btn:18px; --nav-h:73px;
}

/* ---- Phase C additions (measured from InvoiceNew.php) ---- */
:root{
  --legacy-header-bg:#D6EFFF; --legacy-header-fg:#2679B5; --legacy-actions-bg:#D6F0FF;
  --legacy-input-border:#D5D5D5; --legacy-cell-bg:#E7F7FF; --legacy-cell-fg:#645959;
  --legacy-readonly-bg:#EEEEEE; --legacy-readonly-fg:#848484;
  --legacy-thead-green:#E9FFE6; --legacy-thead-fg:#707070;
  --legacy-area-bg:#DBFFFC; --legacy-subtotal-bg:#FBDFF1; --legacy-discount-bg:#FFE2A2; --legacy-total-bg:#D1F7D1;
  --legacy-btn-danger:#D15B47; --legacy-btn-success:#87B87F;
  --fs-form:18px; --input-h:45px;
}
:root{--ib-yellow:#FFF7CF;--ib-pink:#F7DED9;--ib-green:#E3EFCC;--ib-blue:#C1EAFF;--ib-num:#0185DC;--ib-text:#555;--ib-border:#4E4E4E;--tx-payin:#009EEF;--tx-discount:#FF880E;--tx-return:#FF3912;--btn-discount:#FFB752;--act-view:#478FCA;--act-edit:#69AA46;--act-print:#777}