/* m2i design system - tokens de cor
   Gerado por build_palette.py. NAO editar a mao: rode o script.
   Ancoras imutaveis: navy #333366 e laranja #FF9933, extraidos do logo. */

:root {
    /* --- primitivas ------------------------------------------------- */
    --m2i-navy-50: #F4F5FF;
    --m2i-navy-100: #E6E9FF;
    --m2i-navy-200: #CFD3FF;
    --m2i-navy-300: #B5B9FE;
    --m2i-navy-400: #999CF8;
    --m2i-navy-500: #7F80E6;
    --m2i-navy-600: #696AC1;
    --m2i-navy-700: #54549C;
    --m2i-navy-800: #333366;
    --m2i-navy-900: #2F2F5C;
    --m2i-navy-950: #212242;

    --m2i-laranja-50: #FFF7F0;
    --m2i-laranja-100: #FFE8D6;
    --m2i-laranja-200: #FFD3AF;
    --m2i-laranja-300: #FFB97E;
    --m2i-laranja-400: #FF9933;
    --m2i-laranja-500: #E17F04;
    --m2i-laranja-600: #BA6906;
    --m2i-laranja-700: #955204;
    --m2i-laranja-800: #723E03;
    --m2i-laranja-900: #542C00;
    --m2i-laranja-950: #3C1E00;

    --m2i-neutro-50: #F5F5FA;
    --m2i-neutro-100: #E9EAF0;
    --m2i-neutro-200: #D5D6DE;
    --m2i-neutro-300: #BEBFC8;
    --m2i-neutro-400: #A5A6B0;
    --m2i-neutro-500: #8C8D98;
    --m2i-neutro-600: #74757E;
    --m2i-neutro-700: #5D5D65;
    --m2i-neutro-800: #48484E;
    --m2i-neutro-900: #34353A;
    --m2i-neutro-950: #252629;

    /* --- risco: fill = celula, ink = texto sobre ela, mark = barra/ponto
       Nunca usar so a cor. Toda matriz leva rotulo textual junto. --- */
    --m2i-risco-muito-baixo-fill: #CAF9E6;
    --m2i-risco-muito-baixo-ink:  #024F3A;
    --m2i-risco-muito-baixo-mark: #09A67E;
    --m2i-risco-baixo-fill: #D5F3D1;
    --m2i-risco-baixo-ink:  #1A4F15;
    --m2i-risco-baixo-mark: #3B9234;
    --m2i-risco-medio-fill: #EFE6BC;
    --m2i-risco-medio-ink:  #4F4201;
    --m2i-risco-medio-mark: #7D6901;
    --m2i-risco-alto-fill: #FFD6CD;
    --m2i-risco-alto-ink:  #6F281A;
    --m2i-risco-alto-mark: #9F2C15;
    --m2i-risco-critico-fill: #FECFD7;
    --m2i-risco-critico-ink:  #6E253A;
    --m2i-risco-critico-mark: #870B3C;

    /* --- semantico de sistema (feedback, nao risco) ----------------- */
    --m2i-sucesso: #2D8949;
    --m2i-atencao: #907906;
    --m2i-erro: #C1332F;
    --m2i-info: #2A75BA;

    /* --- papeis: modo claro ----------------------------------------- */
    --m2i-superficie:         #FFFFFF;
    --m2i-superficie-elevada: var(--m2i-neutro-50);
    --m2i-superficie-afundada:var(--m2i-neutro-100);
    --m2i-borda:              var(--m2i-neutro-200);
    --m2i-borda-forte:        var(--m2i-neutro-400);
    --m2i-texto:              var(--m2i-navy-950);
    --m2i-texto-suave:        var(--m2i-neutro-600);
    --m2i-texto-inverso:      #FFFFFF;
    --m2i-acao:               var(--m2i-navy-700);
    --m2i-acao-hover:         var(--m2i-navy-800);
    --m2i-acao-texto:         #FFFFFF;
    --m2i-foco:               var(--m2i-navy-500);
    /* assinatura: o laranja da marca. Reprova contraste SOBRE BRANCO, de
       proposito: se precisa ser lido sobre claro, o uso esta errado. Sobre o
       navy-950 o mesmo hex da 7,18:1 e serve texto; sobre branco, o laranja
       legivel e o laranja-700 (6,02:1). A restricao e de um tom sobre um
       fundo, nao da cor. */
    --m2i-assinatura:         var(--m2i-laranja-400);
}

/* --- papeis: modo escuro ------------------------------------------- */
:root[data-theme="dark"] {
    --m2i-superficie:         var(--m2i-navy-950);
    --m2i-superficie-elevada: #2A2B50;
    --m2i-superficie-afundada:#191A33;
    --m2i-borda:              #3A3B63;
    --m2i-borda-forte:        var(--m2i-navy-600);
    --m2i-texto:              var(--m2i-neutro-100);
    --m2i-texto-suave:        var(--m2i-neutro-400);
    --m2i-texto-inverso:      var(--m2i-navy-950);
    --m2i-acao:               var(--m2i-navy-400);
    --m2i-acao-hover:         var(--m2i-navy-300);
    --m2i-acao-texto:         var(--m2i-navy-950);
    --m2i-foco:               var(--m2i-navy-400);
    --m2i-assinatura:         var(--m2i-laranja-400);
}