:root {
    --link-color: #012a65;
    --link-hover-color: #0b4d8c;
    --code-background: rgba(24, 61, 90, 0.4);
    --code-text: rgb(255, 255, 255);
    --admonition-background: #1c2a3a;
    --admonition-border: #0b1017;
    --table-border-color: #3a3f44;
}

/* Enlaces */
article a {
    color: var(--link-color);
}

article a:hover {
    color: var(--link-hover-color);
}

/* Código */
code, pre {
    background-color: var(--code-background);
    color: var(--code-text);
}

/* Tablas */
article th, article td {
    border-color: var(--table-border-color);
}

/* Admoniciones generales */
.admonition {
    background-color: var(--admonition-background);
    border-left-color: var(--admonition-border);
}

/* Tipos de admoniciones */
.admonition.note {
    border-left-color: #5b8ec8;
    background-color: #19283e;
}

.admonition.warning {
    border-left-color: rgba(102, 0, 12, 0.78);
    background-color: #3a2e00;
}

.admonition.tip {
    border-left-color: #00e384;
    background-color: #0b231d;
}

.admonition.important {
    border-left-color: #5f0066;
    background-color: rgba(11, 16, 23, 0.07);
}

/* Tarjetas */
.card {
    background: rgb(255, 255, 255);
    box-shadow: 0 4px 8px rgba(255, 255, 255, 0.05);
}

.card:hover {
    box-shadow: 0 8px 16px rgba(255, 255, 255, 0.1);
}

.card span {
    color: #0b1017;
}

/* Acordeón */
.accordion details {
    border: 1px solid #444;
}

.accordion summary {
    color: #c9d1d9;
}

.accordion li a {
    color: #aaa;
}

.accordion li a:hover {
    color: #fff;
}