/* =============================================================
   BotSales — tokens
   Única fonte de cor do sistema. Nenhum hex solto em outro arquivo.

   Cores amostradas do logo.png por região. Contraste verificado:
   ver a tabela em docs/16-ui-design-system.md antes de mudar qualquer valor.
   ============================================================= */

:root {
    /* --- marca --- */
    --azul-900: #011B42;   /* texto principal · 16.98 sobre branco     */
    --azul-800: #03457E;   /* texto secundário forte · 9.74            */
    --azul-700: #123A9B;   /* hover da primária · branco a 9.98        */
    --azul-600: #1546B8;   /* PRIMÁRIA · branco a 8.08                 */
    --azul-500: #0F66C5;   /* info · 5.63                              */
    --azul-100: #E8F0FC;

    --violeta-600: #5B32C4;  /* acento sobre claro · 7.78              */
    --violeta-500: #7341DE;  /* cor da logo, uso decorativo            */
    --violeta-100: #F0EAFC;

    --teal-700: #0B6072;   /* texto teal · 7.17                        */
    --teal-500: #107FA2;
    --teal-100: #E6F4F8;

    --verde-700: #0E7A5C;  /* texto de sucesso · 5.31                  */
    --verde-500: #16A47C;  /* gráfico e ícone — NÃO usar para texto    */
    --verde-400: #29B867;  /* barra de progresso — NÃO usar para texto */
    --verde-100: #E8F5F0;

    --ciano-400: #41E8FE;  /* SÓ sobre --azul-900 (11.48)              */

    /* --- neutros, levemente azulados para casar com a marca --- */
    --n-0:   #FFFFFF;
    --n-50:  #F6F8FB;
    --n-100: #EDF1F7;
    --n-200: #DDE3EC;
    --n-300: #C3CCDA;
    --n-400: #8A97A9;   /* placeholder — nunca texto real (2.97)       */
    --n-600: #5B6675;   /* texto secundário · 5.83                     */
    --n-800: #3A4453;
    --n-900: #1E2733;

    /* --- feedback --- */
    --erro-700:  #B3261E;  --erro-100:  #FCEAE9;
    --aviso-700: #8A5300;  --aviso-100: #FDF3E7;
    --ok-700:    #0E7A5C;  --ok-100:    #E8F5F0;
    --info-700:  #0F66C5;  --info-100:  #E8F0FC;

    /* --- superfícies --- */
    --fundo:       var(--n-50);
    --superficie:  var(--n-0);
    --borda:       var(--n-200);
    --texto:       var(--azul-900);
    --texto-fraco: var(--n-600);
    --header-bg:   var(--n-0);

    /* --- forma --- */
    --r-sm: 6px;  --r-md: 10px;  --r-lg: 14px;  --r-full: 999px;
    --e-1: 0 1px 2px rgba(1, 27, 66, .06);
    --e-2: 0 2px 8px rgba(1, 27, 66, .08);
    --e-3: 0 8px 24px rgba(1, 27, 66, .12);

    /* --- espaço: escala de 4px, sem valor fora dela --- */
    --s-1: 4px;  --s-2: 8px;   --s-3: 12px;  --s-4: 16px;
    --s-5: 24px; --s-6: 32px;  --s-7: 48px;  --s-8: 64px;

    /* --- medidas de layout --- */
    --topo: 56px;
    --lateral: 240px;
    --banner: 44px;

    /* --- tipografia --- */
    --fonte: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --fonte-mono: ui-monospace, "Cascadia Mono", Consolas, "Courier New", monospace;

    --t-metrica: 32px;
    --t-h1: 22px;
    --t-h2: 17px;
    --t-base: 15px;
    --t-sm: 13px;
    --t-xs: 11px;
}