/* =====================================================================
   Max Mohr — Design tokens v1.0 (2026-11-09)
   Fonte única da identidade para sistemas, dashboards e documentos HTML.
   Temas: claro (padrão) e escuro.
     - automático pelo sistema operacional (prefers-color-scheme)
     - forçado com <html data-tema="claro"> ou <html data-tema="escuro">
   Não editar cores sem aprovação do Marketing.
   ===================================================================== */

/* Tipografia: Rigid Square (instalada nos PCs da empresa; uso interno licenciado) */
@font-face{font-family:"MM Rigid";font-weight:300;src:local("Rigid Square Light"),local("RigidSquare-Light")}
@font-face{font-family:"MM Rigid";font-weight:400;src:local("Rigid Square"),local("Rigid Square Regular"),local("RigidSquare-Regular")}
@font-face{font-family:"MM Rigid";font-weight:600;src:local("Rigid Square SemiBold"),local("RigidSquare-SemiBold")}
@font-face{font-family:"MM Rigid";font-weight:700;src:local("Rigid Square Bold"),local("RigidSquare-Bold")}
@font-face{font-family:"MM Rigid";font-weight:800;src:local("Rigid Square ExtraBold"),local("RigidSquare-ExtraBold")}

:root{
  color-scheme:light;
  /* ---- Marca (paleta oficial — fixa, igual nos dois temas) ---- */
  --mm-azul:            #162D8C;  /* Azul Max Mohr — institucional e LINHA CONCRETO */
  --mm-azul-concreto:   #0539B7;  /* azul de destaque/hover (site) */
  --mm-azul-medio:      #2E74D1;
  --mm-azul-claro:      #69ADE5;  /* LINHA EXPRESS */
  --mm-laranja:         #DF5D3C;  /* LINHA ARGAMASSA */
  --mm-off-white:       #F0F0EF;

  /* ---- Linhas de negócio: preenchimento (barras, pontos, ícones) / texto ---- */
  --mm-linha-concreto:  #162D8C;  --mm-linha-concreto-texto:  #162D8C;
  --mm-linha-argamassa: #DF5D3C;  --mm-linha-argamassa-texto: #B8431F;
  --mm-linha-express:   #69ADE5;  --mm-linha-express-texto:   #2E74D1;

  /* ---- Ações ---- */
  --mm-primario:        #162D8C;  /* botão principal (igual ao site) */
  --mm-primario-hover:  #0539B7;  /* hover do site */
  --mm-primario-texto:  #FFFFFF;

  /* ---- Superfícies ---- */
  --mm-fundo:           #F0F0EF;
  --mm-superficie:      #FFFFFF;
  --mm-superficie-alt:  #F1F4F8;
  --mm-superficie-marca:#162D8C;  /* menu lateral, faixas de destaque */

  /* ---- Texto (AA garantido) ---- */
  --mm-titulo:          #162D8C;
  --mm-texto:           #14182A;
  --mm-texto-2:         #5C606A;
  --mm-texto-3:         #7A7E86;  /* só >= 18px ou rótulos de eixo */
  --mm-texto-invertido: #FFFFFF;
  --mm-link:            #0539B7;

  /* ---- Bordas ---- */
  --mm-borda:#DADCE0; --mm-borda-forte:#B9BDC5; --mm-grade:#E6E8EC;

  /* ---- Status (sempre com ícone + rótulo) ---- */
  --mm-sucesso:#1A7F37; --mm-sucesso-texto:#1A7F37; --mm-sucesso-fundo:#E6F4EA;
  --mm-alerta:#FAB219;  --mm-alerta-texto:#8A5A00;  --mm-alerta-fundo:#FEF4DC;
  --mm-erro:#C2312F;    --mm-erro-texto:#C2312F;    --mm-erro-fundo:#FBE9E8;
  --mm-info:#0539B7;    --mm-info-texto:#0539B7;    --mm-info-fundo:#E7EEFB;

  /* ---- Gráficos: ordem fixa (slots 1–3 = linhas de negócio) ---- */
  --mm-serie-1:#162D8C; --mm-serie-2:#DF5D3C; --mm-serie-3:#69ADE5; --mm-serie-4:#1BAF7A;
  --mm-serie-5:#6250D6; --mm-serie-6:#EDA100; --mm-serie-7:#E87BA4; --mm-serie-8:#008300;
  --mm-seq-1:#DCE8F8; --mm-seq-2:#B3CDF0; --mm-seq-3:#7FA9E3; --mm-seq-4:#2E74D1; --mm-seq-5:#0539B7; --mm-seq-6:#162D8C;

  /* ---- Tipografia ---- */
  --mm-fonte:"MM Rigid","Rigid Square","Segoe UI",system-ui,sans-serif;
  --mm-peso-leve:300; --mm-peso-normal:400; --mm-peso-semi:600; --mm-peso-forte:700; --mm-peso-extra:800;
  --mm-texto-xs:12px; --mm-texto-sm:14px; --mm-texto-md:16px; --mm-texto-lg:18px;
  --mm-titulo-sm:20px; --mm-titulo-md:24px; --mm-titulo-lg:32px; --mm-titulo-xl:44px; --mm-numero-destaque:40px;

  /* ---- Espaço (base 4) e forma ---- */
  --mm-esp-1:4px; --mm-esp-2:8px; --mm-esp-3:12px; --mm-esp-4:16px; --mm-esp-5:24px; --mm-esp-6:32px; --mm-esp-7:48px; --mm-esp-8:64px;
  --mm-raio:10px; --mm-raio-sm:6px; --mm-raio-pill:999px;
  --mm-sombra-1:0 1px 2px rgba(20,24,42,.06),0 1px 3px rgba(20,24,42,.08);
  --mm-sombra-2:0 4px 12px rgba(20,24,42,.10);
  --mm-foco:0 0 0 3px rgba(5,57,183,.35);
  --mm-transicao:150ms ease;

  /* ---- Degradês (só com azuis da própria paleta; nunca em marcas de dados) ---- */
  --mm-grad-marca:   linear-gradient(160deg,#162D8C 0%,#14298A 45%,#0539B7 100%);   /* menu, faixas, capas */
  --mm-grad-primario:linear-gradient(135deg,#162D8C 0%,#0539B7 100%);              /* botão principal */
  --mm-grad-primario-hover:linear-gradient(135deg,#1A35A3 0%,#1F52D1 100%);
  --mm-grad-assinatura:linear-gradient(90deg,#162D8C 0%,#0539B7 35%,#2E74D1 70%,#69ADE5 100%); /* filete: os 4 azuis do símbolo */
  --mm-grad-fundo:   radial-gradient(1200px 600px at 100% 0%,rgba(46,116,209,.10),transparent 60%),radial-gradient(900px 500px at 0% 100%,rgba(22,45,140,.05),transparent 60%);
  --mm-grad-card:    linear-gradient(180deg,#FFFFFF 0%,#FAFBFD 100%);
  --mm-grad-destaque:linear-gradient(135deg,rgba(46,116,209,.08) 0%,rgba(105,173,229,.02) 100%); /* card em destaque */
}

/* =====================  TEMA ESCURO  =====================
   Mesmas cores de marca; superfícies, texto e linhas de negócio em degraus
   próprios para fundo escuro (validados: contraste AA e paleta de gráfico). */
@media (prefers-color-scheme: dark){
  :root:where(:not([data-tema="claro"])){
    color-scheme:dark;
    --mm-linha-concreto:#5060E6;  --mm-linha-concreto-texto:#9AA4F5;
    --mm-linha-argamassa:#DF5D3C; --mm-linha-argamassa-texto:#F08A6E;
    --mm-linha-express:#3E9ED0;   --mm-linha-express-texto:#7CC3EC;
    --mm-primario:#4A63E0; --mm-primario-hover:#5B73EA; --mm-primario-texto:#FFFFFF;
    --mm-fundo:#0E1224; --mm-superficie:#161B33; --mm-superficie-alt:#1D2440; --mm-superficie-marca:#101848;
    --mm-titulo:#EEF0F6; --mm-texto:#EEF0F6; --mm-texto-2:#B4B9C8; --mm-texto-3:#8A90A3; --mm-link:#8FB0F7;
    --mm-borda:#2A3253; --mm-borda-forte:#3A4470; --mm-grade:#252C49;
    --mm-sucesso:#4CC26A; --mm-sucesso-texto:#4CC26A; --mm-sucesso-fundo:rgba(76,194,106,.14);
    --mm-alerta:#FAB219;  --mm-alerta-texto:#FAB219;  --mm-alerta-fundo:rgba(250,178,25,.14);
    --mm-erro:#F5736C;    --mm-erro-texto:#F5736C;    --mm-erro-fundo:rgba(245,115,108,.14);
    --mm-info:#8FB0F7;    --mm-info-texto:#8FB0F7;    --mm-info-fundo:rgba(143,176,247,.14);
    --mm-serie-1:#5060E6; --mm-serie-2:#DF5D3C; --mm-serie-3:#3E9ED0; --mm-serie-4:#199E70;
    --mm-serie-5:#9085E9; --mm-serie-6:#C98500; --mm-serie-7:#D55181; --mm-serie-8:#2FA12F;
    --mm-sombra-1:0 1px 2px rgba(0,0,0,.4); --mm-sombra-2:0 4px 12px rgba(0,0,0,.45);
    --mm-foco:0 0 0 3px rgba(143,176,247,.45);
    --mm-grad-marca:linear-gradient(160deg,#0F1642 0%,#13205E 50%,#1B2F8A 100%);
    --mm-grad-primario:linear-gradient(135deg,#3A4FD0 0%,#4A63E0 100%);
    --mm-grad-primario-hover:linear-gradient(135deg,#4258D8 0%,#4C62E2 100%);
    --mm-grad-assinatura:linear-gradient(90deg,#5060E6 0%,#4F74EA 35%,#3E9ED0 70%,#69ADE5 100%);
    --mm-grad-fundo:radial-gradient(1200px 600px at 100% 0%,rgba(80,96,230,.16),transparent 60%),radial-gradient(900px 500px at 0% 100%,rgba(62,158,208,.07),transparent 60%);
    --mm-grad-card:linear-gradient(180deg,#1A2040 0%,#161B33 100%);
    --mm-grad-destaque:linear-gradient(135deg,rgba(80,96,230,.16) 0%,rgba(62,158,208,.04) 100%);
  }
}
:root[data-tema="escuro"]{
  color-scheme:dark;
  --mm-linha-concreto:#5060E6;  --mm-linha-concreto-texto:#9AA4F5;
  --mm-linha-argamassa:#DF5D3C; --mm-linha-argamassa-texto:#F08A6E;
  --mm-linha-express:#3E9ED0;   --mm-linha-express-texto:#7CC3EC;
  --mm-primario:#4A63E0; --mm-primario-hover:#5B73EA; --mm-primario-texto:#FFFFFF;
  --mm-fundo:#0E1224; --mm-superficie:#161B33; --mm-superficie-alt:#1D2440; --mm-superficie-marca:#101848;
  --mm-titulo:#EEF0F6; --mm-texto:#EEF0F6; --mm-texto-2:#B4B9C8; --mm-texto-3:#8A90A3; --mm-link:#8FB0F7;
  --mm-borda:#2A3253; --mm-borda-forte:#3A4470; --mm-grade:#252C49;
  --mm-sucesso:#4CC26A; --mm-sucesso-texto:#4CC26A; --mm-sucesso-fundo:rgba(76,194,106,.14);
  --mm-alerta:#FAB219;  --mm-alerta-texto:#FAB219;  --mm-alerta-fundo:rgba(250,178,25,.14);
  --mm-erro:#F5736C;    --mm-erro-texto:#F5736C;    --mm-erro-fundo:rgba(245,115,108,.14);
  --mm-info:#8FB0F7;    --mm-info-texto:#8FB0F7;    --mm-info-fundo:rgba(143,176,247,.14);
  --mm-serie-1:#5060E6; --mm-serie-2:#DF5D3C; --mm-serie-3:#3E9ED0; --mm-serie-4:#199E70;
  --mm-serie-5:#9085E9; --mm-serie-6:#C98500; --mm-serie-7:#D55181; --mm-serie-8:#2FA12F;
  --mm-sombra-1:0 1px 2px rgba(0,0,0,.4); --mm-sombra-2:0 4px 12px rgba(0,0,0,.45);
  --mm-foco:0 0 0 3px rgba(143,176,247,.45);
  --mm-grad-marca:linear-gradient(160deg,#0F1642 0%,#13205E 50%,#1B2F8A 100%);
  --mm-grad-primario:linear-gradient(135deg,#3A4FD0 0%,#4A63E0 100%);
  --mm-grad-primario-hover:linear-gradient(135deg,#4258D8 0%,#4C62E2 100%);
  --mm-grad-assinatura:linear-gradient(90deg,#5060E6 0%,#4F74EA 35%,#3E9ED0 70%,#69ADE5 100%);
  --mm-grad-fundo:radial-gradient(1200px 600px at 100% 0%,rgba(80,96,230,.16),transparent 60%),radial-gradient(900px 500px at 0% 100%,rgba(62,158,208,.07),transparent 60%);
  --mm-grad-card:linear-gradient(180deg,#1A2040 0%,#161B33 100%);
  --mm-grad-destaque:linear-gradient(135deg,rgba(80,96,230,.16) 0%,rgba(62,158,208,.04) 100%);
}