/*
 * CCB Design System — tokens
 * Única fonte de cor, tipografia, espaçamento, raio e sombra.
 * Nenhum outro arquivo deve declarar cor "solta": use var(--...).
 */
:root {
    /* Superfícies */
    --ds-bg:            #f5f7fb;
    --ds-surface:       #ffffff;
    --ds-surface-2:     #f9fafc;
    --ds-border:        #e8ecf4;
    --ds-border-strong: #d7ddea;

    /* Texto */
    --ds-text:          #1f2a44;
    --ds-text-2:        #4a5775;
    --ds-text-muted:    #7a869f;
    --ds-text-inverse:  #ffffff;

    /* Marca (azul) */
    --ds-primary:       #3d7ce8;
    --ds-primary-600:   #2f67cc;
    --ds-primary-700:   #2552a8;
    --ds-primary-50:    #edf3fd;
    --ds-primary-100:   #d9e6fb;

    /* Estados */
    --ds-success:       #16a34a;
    --ds-success-50:    #e8f7ee;
    --ds-warning:       #d97706;
    --ds-warning-50:    #fdf3e3;
    --ds-danger:        #dc2626;
    --ds-danger-50:     #fdecec;
    --ds-info:          #0891b2;
    --ds-info-50:       #e6f6fa;
    --ds-neutral:       #98a2b8;
    --ds-neutral-50:    #f1f3f8;
    --ds-purple:        #9333ea;
    --ds-purple-50:     #f3e8ff;

    /* Paleta para gráficos/ícones de KPI (acessível em fundo claro) */
    --ds-chart-1: #3d7ce8;
    --ds-chart-2: #16a34a;
    --ds-chart-3: #d97706;
    --ds-chart-4: #9333ea;
    --ds-chart-5: #0891b2;
    --ds-chart-6: #dc2626;

    /* Tipografia */
    --ds-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --ds-fs-xs:   0.75rem;    /* 12 */
    --ds-fs-sm:   0.8125rem;  /* 13 */
    --ds-fs-base: 0.875rem;   /* 14 */
    --ds-fs-md:   1rem;       /* 16 */
    --ds-fs-lg:   1.25rem;    /* 20 */
    --ds-fs-xl:   1.625rem;   /* 26 */
    --ds-fs-kpi:  1.75rem;    /* 28 */
    --ds-fw-regular: 400;
    --ds-fw-medium:  500;
    --ds-fw-semibold: 600;
    --ds-fw-bold:    700;

    /* Espaçamento (escala de 4px) */
    --ds-space-1: 4px;
    --ds-space-2: 8px;
    --ds-space-3: 12px;
    --ds-space-4: 16px;
    --ds-space-5: 20px;
    --ds-space-6: 24px;
    --ds-space-8: 32px;

    /* Raio e sombra */
    --ds-radius-sm: 6px;
    --ds-radius:    10px;
    --ds-radius-lg: 14px;
    --ds-radius-pill: 999px;
    --ds-shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.04);
    --ds-shadow:    0 1px 2px rgba(16, 24, 40, 0.04), 0 2px 8px rgba(16, 24, 40, 0.05);
    --ds-shadow-lg: 0 8px 24px rgba(16, 24, 40, 0.10);
    --ds-focus:     0 0 0 3px rgba(61, 124, 232, 0.25);

    /* Layout */
    --ds-sidebar-w: 248px;
    --ds-topbar-h:  64px;
    --ds-transition: 150ms ease;
}