/* =========================================================================
   Design tokens — unica fonte de cores, raios, sombras e medidas.
   Nenhuma cor hardcoded deve existir fora deste arquivo.
   ========================================================================= */

:root {
    /* superficies */
    --sidebar-bg:        #212121;
    --sidebar-bg-hover:  #2e2e2e;
    --sidebar-active:    #1a1a1a;
    --topbar-bg:         #1a1a1a;
    --app-bg:            #efefef;
    --card-bg:           #ffffff;
    --card-inner-bg:     #fafafa;

    /* texto */
    --text-light:        #e8e8e8;
    --text-muted-light:  #9a9a9a;
    --text-dark:         #2b2b2b;
    --text-muted:        #7c7c7c;

    /* marca / estados */
    --primary:           #2372b8;
    --primary-hover:     #1c5e99;
    --danger:            #ea4c4c;
    --danger-hover:      #d13c3c;
    --success:           #16c60c;
    --warning-bg:        #f7e9b8;
    --warning-border:    #e0b93c;
    --accent-link:       #2372b8;

    /* --- F01: tela de Clientes ou Liderados --- */
    --info:              #3ac5e0;   /* botao "Filtro" */
    --info-hover:        #2fb0c9;
    --card-banner:       #5c6bf2;   /* faixa azul-violeta do topo do card */
    --drawer-w:          300px;
    --client-card-w:     216px;

    /* --- F02: listagem de pesquisas --- */
    --green-soft:        #82c47c;   /* botao "Executar" */
    --green-soft-hover:  #6fb469;
    --green:             #5cb85c;   /* "Historico de Grupos de Convite" */
    --green-hover:       #4ca64c;
    --blue-action:       #4180c4;   /* "Criar e enviar pesquisa" */
    --blue-action-hover: #356ca8;
    --blue-report:       #3a72c8;   /* "Relatorio do grupo" */
    --blue-report-hover: #2f60ac;
    --status-ok:         #28a745;   /* texto "Finalizada" */
    --row-stripe:        #f4f4f4;   /* zebra da tabela */
    --row-hover:         #eaf2fb;
    --table-border:      #e0e0e0;
    --table-head-text:   #444444;

    /* metricas */
    --border:            #e4e4e4;
    --radius:            8px;
    --radius-sm:         4px;
    --shadow:            0 1px 3px rgba(0, 0, 0, .08);
    --sidebar-w:         220px;
    --topbar-h:          60px;
    --gap:               16px;
    --font: 'Nunito Sans', -apple-system, 'Segoe UI', sans-serif;

    /* --- derivados: usados por trilhos de barra e overlays --- */
    --track-bg:          #e0e0e0;
    --track-bg-strong:   #e8e8e8;
    --overlay:           rgba(0, 0, 0, .45);
    --focus-ring:        0 0 0 2px #ffffff, 0 0 0 4px var(--primary);
}