/* Tokens visuais do James. Ajustar paleta sem mexer no style.css. */
:root {
    --cor-fundo:           #f7f7f5;
    --cor-fundo-card:      #ffffff;
    --cor-borda:           #e2e2dc;
    --cor-texto:           #1f1f1d;
    --cor-texto-suave:     #6a6a64;
    --cor-acento:          #2563eb;
    --cor-acento-suave:    #dbeafe;
    --cor-perigo:          #b91c1c;
    --cor-sucesso:         #15803d;
    --cor-aviso:           #b45309;
    --cor-fora-ref-bg:     #fef3f2;  /* fundo de linha fora de referência */
    --cor-fora-ref-texto:  #991b1b;

    --raio:                 6px;
    --espaco-1:             4px;
    --espaco-2:             8px;
    --espaco-3:            12px;
    --espaco-4:            16px;
    --espaco-5:            24px;
    --espaco-6:            32px;

    --fonte-base:          system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --fonte-mono:          ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

    --largura-sidebar:     220px;
    --altura-topo:          52px;

    --sombra-card:         0 1px 2px rgba(0,0,0,.04), 0 1px 3px rgba(0,0,0,.06);
}

@media (prefers-color-scheme: dark) {
    :root {
        --cor-fundo:        #0f1115;
        --cor-fundo-card:   #1a1d23;
        --cor-borda:        #2a2e36;
        --cor-texto:        #e7e7e3;
        --cor-texto-suave:  #9aa0a8;
        --cor-acento:       #60a5fa;
        --cor-acento-suave: #1e3a8a;
        --cor-fora-ref-bg:  #3b1d1d;  /* vermelho escuro pra tema escuro */
        --cor-fora-ref-texto: #fca5a5;
        --sombra-card:      0 1px 2px rgba(0,0,0,.4), 0 1px 3px rgba(0,0,0,.5);
    }
}