:root {
    --bg: #f4f6f9;
    --text: #111827;
    --muted: #6b7280;
    --border: rgba(0, 0, 0, .08);

    /* Colores “brand” iguales al icono del login */
    --brand-a: #2563eb;
    --brand-b: #22c55e;
}

body {
    background: var(--bg);
    color: var(--text);
}

/* Footer (solo light) */
.main-footer {
    border-top: 1px solid var(--border);
}

/* Initials/Logo fallback */
.brand-initials {



    height: 34px;
    width: 34px;
    border-radius: 10px;
    font-weight: 900;
    letter-spacing: .5px;
    color: #fff;
    background: linear-gradient(135deg, var(--brand-a), var(--brand-b));
    border: 1px solid rgba(255, 255, 255, .18);
    user-select: none;
}