/* =========================================================
   BI360 | MAKSELL V2 — Design Tokens
   Identidade Maksell preservada (azul/ciano, laranja, verde,
   fundos escuros). Modernização de raio, sombra e tipografia
   inspirada no padrão de navegação do Gula Mania, sem herdar
   a paleta roxa/dourada do Gula.
   ========================================================= */
:root{
  /* Superfícies */
  --bg:#10141A;
  --surface:#181F27;
  --surface-2:#1F2830;
  --surface-3:#242E38;
  --surface-alt:#1B232C;
  --border:#2B3642;
  --border-soft:#232C36;

  /* Texto */
  --text:#EBF0F4;
  --text-muted:#8A97A3;
  --text-faint:#5C6A76;

  /* Identidade Maksell */
  --marc:#DC9448;      /* laranja — Marcenaria / ação primária */
  --marc-soft:#3A2A18;
  --refrig:#3FBFD6;    /* ciano/azul — Refrigeração / destaque */
  --refrig-soft:#123138;
  --green:#4FC088;     /* verde — sucesso / no prazo */
  --green-soft:#173327;
  --amber:#DCB23F;     /* atenção */
  --amber-soft:#332A14;
  --red:#E5586C;       /* atraso / erro */
  --red-soft:#3A1E22;

  /* Semânticos (mapeados p/ compat. com telas antigas) */
  --atraso:var(--red);
  --atraso-soft:var(--red-soft);
  --antecip:var(--green);
  --antecip-soft:var(--green-soft);
  --noprazo:var(--amber);
  --noprazo-soft:var(--amber-soft);

  /* Raio / sombra */
  --radius-sm:9px;
  --radius-md:12px;
  --radius-lg:18px;
  --radius-xl:22px;
  --shadow-sm: 0 6px 18px -10px rgba(0,0,0,.45);
  --shadow-md: 0 14px 32px -14px rgba(0,0,0,.5);
  --shadow-lg: 0 24px 60px -16px rgba(0,0,0,.55);

  /* Tipografia */
  --font-display:'Barlow Condensed', Inter, sans-serif;
  --font-body:'Inter', ui-sans-serif, system-ui, sans-serif;

  /* Layout */
  --sidebar-w: 72px;
  --sidebar-w-mobile: 60px;
}

*{box-sizing:border-box;}
html,body{min-height:100%;}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:var(--font-body);
  -webkit-font-smoothing:antialiased;
  font-size:14px;
}
h1,h2,h3,.font-display{
  font-family:var(--font-display);
  text-transform:uppercase;
  letter-spacing:.3px;
}
a{color:inherit;}
[hidden]{display:none!important;}
