/* ============================================================
   SIMULADOR_CLIENTE_COLORS.CSS — CORES
   --sc-cor é a cor do link (aplicada pelo script_simulador_cliente.js)
   ============================================================ */

:root {
    --sc-cor:         #0264d6;
    --sc-fundo:       #f1f3f6;
    --sc-superficie:  #ffffff;
    --sc-texto:       #202124;
    --sc-texto-muted: #6b7280;
    --sc-borda:       #dadce0;
    --sc-erro-bg:     #fce8e6;
    --sc-erro-txt:    #c5221f;
}

body.sc-body {
    background: var(--sc-fundo);
    color: var(--sc-texto);
}

.sc-entrada-card {
    background: var(--sc-superficie);
    border-top-color: var(--sc-cor);
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);
}

.sc-logo-placeholder {
    background: var(--sc-fundo);
    color: var(--sc-cor);
}

.sc-logo-placeholder-erro { color: #f29900; }

.sc-entrada-titulo { color: var(--sc-texto); }
.sc-entrada-sub    { color: var(--sc-texto-muted); }
.sc-entrada-rodape { color: var(--sc-texto-muted); }

.sc-entrada-erro {
    background: var(--sc-erro-bg);
    border-color: var(--sc-erro-txt);
    color: var(--sc-erro-txt);
}

.sc-campo label  { color: var(--sc-texto); }
.sc-obrigatorio  { color: var(--sc-erro-txt); }

.sc-input {
    background: var(--sc-superficie);
    border-color: var(--sc-borda);
    color: var(--sc-texto);
}

.sc-input:focus {
    border-color: var(--sc-cor);
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.06);
}

.sc-input.sc-input-erro { border-color: var(--sc-erro-txt); }

.sc-btn-entrar {
    background: var(--sc-cor);
    color: #ffffff;
}

.sc-btn-entrar:hover    { filter: brightness(0.92); }
.sc-btn-entrar:disabled { filter: grayscale(0.4) brightness(1.05); }

.sc-cabecalho {
    background: var(--sc-superficie);
    border-left-color: var(--sc-cor);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}

.sc-cabecalho-titulo { color: var(--sc-texto); }

.sc-moldura {
    border-color: var(--sc-cor);
    background: var(--sc-superficie);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

.sc-carregando {
    background: var(--sc-superficie);
    color: var(--sc-texto-muted);
}

.sc-texto {
    background: var(--sc-superficie);
    color: var(--sc-texto);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

.sc-texto a { color: var(--sc-cor); }

.sc-rodape   { color: var(--sc-texto-muted); }
.sc-rodape a { color: var(--sc-cor); }