:root {
    --dc-dark: #111827;
    --dc-dark-2: #1f2937;
    --dc-light: #f8fafc;
    --dc-border: #e5e7eb;
}

/* Fondo general */
body {
    background-color: var(--dc-light);
}

/* Login */
.task-login #layout {
    background:
        radial-gradient(circle at top right, rgba(255,255,255,.08), transparent 35%),
        linear-gradient(135deg, #111827, #1f2937);
}

.task-login #logo {
    margin-bottom: 1.5rem;
}

.task-login #login-form {
    background: rgba(255,255,255,.98);
    border-radius: 18px;
    padding: 2rem;
    box-shadow: 0 25px 70px rgba(0,0,0,.28);
}

.task-login #login-form::before {
    content: "DEVELOPERS CORP";
    display: block;
    text-align: center;
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: .12em;
    color: #111827;
    margin-bottom: .35rem;
}

.task-login #login-form::after {
    content: "Corporate Webmail";
    display: block;
    text-align: center;
    font-size: .85rem;
    color: #6b7280;
    margin-top: 1.25rem;
}

/* Botones */
.btn-primary {
    background-color: #111827;
    border-color: #111827;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #1f2937;
    border-color: #1f2937;
}

/* Barra principal */
#taskmenu {
    background-color: #111827;
}

/* Links seleccionados */
.menu a.selected,
.listing li.selected {
    font-weight: 600;
}