/* ═══ RE:ACT Design System — steel-blue ═══
   Shared tokens for all ERP pages.
   Import: <link rel="stylesheet" href="theme.css">
   Must load BEFORE page-specific <style> blocks.
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');

:root,[data-theme="dark"]{
  --bg:#0a0a0b;--panel:#0f1011;--panel-2:#131416;--raised:#17181b;
  --line:#1f2125;--line-2:#2a2d32;
  --fg:#f2f3f5;--fg-2:#c9ccd1;--mute:#7a7e86;--mute-2:#54585f;
  --pos:#7dd3a4;--neg:#e88a8a;--warn:#d9c47a;--accent:#9ab4ff;
  --bar-fill:rgba(154,180,255,.55);--bar-fill-2:rgba(154,180,255,.2);
  --mono:'JetBrains Mono',ui-monospace,monospace;
  --sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;

  /* header.js compat aliases */
  --text:var(--fg);--text2:var(--mute);--text3:var(--mute-2);
  --bg2:var(--panel);--bg3:var(--panel-2);
  --border:var(--line);--border2:var(--line-2);
  --card:var(--panel);--surface:var(--panel);--surface2:var(--panel-2);
  --good:var(--pos);--bad:var(--neg);
  --accent-bg:rgba(154,180,255,.10);
  --green:var(--pos);--red:var(--neg);--yellow:var(--warn);--blue:#9ab4ff;
}
[data-theme="light"]{
  --bg:#f5f5f7;--panel:#ffffff;--panel-2:#f0f0f2;--raised:#e8e8eb;
  --line:#e2e2e5;--line-2:#d0d0d4;
  --fg:#1a1a1c;--fg-2:#3a3a3e;--mute:#6e6e73;--mute-2:#a0a0a5;
  --pos:#2d9d5f;--neg:#c9433a;--warn:#a07d00;--accent:#4a6edc;
  --bar-fill:rgba(74,110,220,.6);--bar-fill-2:rgba(74,110,220,.2);

  --text:var(--fg);--text2:var(--mute);--text3:var(--mute-2);
  --bg2:var(--panel);--bg3:var(--panel-2);
  --border:var(--line);--border2:var(--line-2);
  --card:var(--panel);--surface:var(--panel);--surface2:var(--panel-2);
  --good:var(--pos);--bad:var(--neg);
  --accent-bg:rgba(74,110,220,.08);
  --green:var(--pos);--red:var(--neg);--yellow:var(--warn);--blue:#4a6edc;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{
  font-family:var(--sans);
  background:var(--bg);color:var(--fg);
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}