/* Evox ERP design tokens — the single source of colour, type, radius and elevation.
   Linked before app.css by every page, including standalone report and login
   screens. body[data-theme="dark"] switches the whole palette. The identity (docs/brand.md): a deep teal dominant
   colour, teal for highlights, never blue; the mark and the name are in static/css/evox_brand.css. -------------- */
:root{
  color-scheme:light;

  /* Evox ERP's own colours, the same in both themes: the dominant colour (darkest, main, lighter) and the teals */
  --evx-1:#053b38;
  --evx-2:#0d5c57;
  --evx-3:#13786f;
  --evx-teal:#14b8a6;
  --evx-teal-2:#2dd4bf;

  --bg:#f2f6f5;
  --surface:#ffffff;
  --surface-2:#f6f9f8;
  --surface-3:#ecf2f1;
  --surface-sunken:#e8eeed;
  --line:#dde6e4;
  --line-soft:#e8eeed;
  --line-strong:#c6d3d0;

  --ink:#13201e;
  --ink-2:#33423f;
  --muted:#62716e;
  --faint:#93a09d;

  --accent:#0d5c57;
  --accent-hover:#0a4d49;
  --accent-strong:#053b38;
  --accent-soft:#e3f1ef;
  --accent-line:#b3d6d1;
  --accent-tint:#99e6da;
  --accent-rgb:13,92,87;
  --on-accent:#ffffff;

  --danger:#b3261e;
  --danger-soft:#fbecea;
  --danger-line:#efc3be;
  --success:#2b7a4b;
  --success-soft:#e7f3eb;
  --success-line:#bcdcc7;
  --warning:#94600a;
  --warning-soft:#fbf2df;
  --warning-line:#ecd29f;
  --info:#2d5b87;
  --info-soft:#e8eff6;
  --info-line:#bfd0e2;

  --inverse:#0b2a28;
  --inverse-ink:#eaf4f2;

  --shadow-rgb:16,34,32;
  --shadow-sm:0 1px 2px rgba(var(--shadow-rgb),.06);
  --shadow-md:0 4px 14px rgba(var(--shadow-rgb),.07),0 1px 3px rgba(var(--shadow-rgb),.05);
  --shadow-lg:0 18px 48px rgba(var(--shadow-rgb),.16),0 2px 8px rgba(var(--shadow-rgb),.06);
  --focus-ring:rgba(var(--accent-rgb),.28);

  --r-xs:4px;
  --r-sm:6px;
  --r-md:8px;
  --r-lg:12px;
  --r-pill:999px;

  --font-ui:"Segoe UI Variable Text","Segoe UI","Noto Sans Arabic","Noto Sans",Tahoma,Arial,sans-serif;
  --font-num:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif;
  --font-mono:Consolas,"Cascadia Mono","Courier New",monospace;

  /* aliases kept for page stylesheets written against earlier names */
  --brand:var(--accent);
  --brand-hover:var(--accent-hover);
  --brand-soft:var(--accent-soft);
  --text:var(--ink);
  --text-strong:var(--ink);
  --text-muted:var(--muted);
  --border:var(--line);
  --border-strong:var(--line-strong);
  --surface-raised:var(--surface);
  --surface-soft:var(--surface-2);
  --success-color:var(--success);
  --radius:var(--r-lg);
  --shadow:var(--shadow-sm);
  --shadow-raised:var(--shadow-sm);
  --sidebar-bg:var(--surface);

  font-family:var(--font-ui);
}

body[data-theme="dark"]{
  color-scheme:dark;

  --bg:#0c1312;
  --surface:#121b1a;
  --surface-2:#172221;
  --surface-3:#1e2a29;
  --surface-sunken:#0f1716;
  --line:#253331;
  --line-soft:#1e2a28;
  --line-strong:#364644;

  --ink:#e5eeec;
  --ink-2:#c3d0cd;
  --muted:#8f9e9b;
  --faint:#6a7976;

  --accent:#34c3b2;
  --accent-hover:#4fd3c3;
  --accent-strong:#8fe5da;
  --accent-soft:rgba(52,195,178,.14);
  --accent-line:rgba(52,195,178,.38);
  --accent-tint:#99f6e4;
  --accent-rgb:52,195,178;
  --on-accent:#04201d;

  --danger:#f08a80;
  --danger-soft:rgba(240,138,128,.12);
  --danger-line:rgba(240,138,128,.34);
  --success:#7cc79a;
  --success-soft:rgba(124,199,154,.12);
  --success-line:rgba(124,199,154,.32);
  --warning:#e3b665;
  --warning-soft:rgba(227,182,101,.12);
  --warning-line:rgba(227,182,101,.32);
  --info:#8db6de;
  --info-soft:rgba(141,182,222,.12);
  --info-line:rgba(141,182,222,.3);

  --inverse:#081110;
  --inverse-ink:#e5eeec;

  --shadow-rgb:0,0,0;
  --shadow-sm:0 1px 2px rgba(0,0,0,.4);
  --shadow-md:0 6px 18px rgba(0,0,0,.35);
  --shadow-lg:0 22px 56px rgba(0,0,0,.55);

  /* The aliases again: a var() is resolved where it is declared, so the ones on :root keep the light colours
     unless they are re-declared with the dark palette. */
  --brand:var(--accent);
  --brand-hover:var(--accent-hover);
  --brand-soft:var(--accent-soft);
  --text:var(--ink);
  --text-strong:var(--ink);
  --text-muted:var(--muted);
  --border:var(--line);
  --border-strong:var(--line-strong);
  --surface-raised:var(--surface);
  --surface-soft:var(--surface-2);
  --success-color:var(--success);
  --shadow:var(--shadow-sm);
  --shadow-raised:var(--shadow-sm);
  --sidebar-bg:var(--surface);
  --focus-ring:rgba(var(--accent-rgb),.28);
}