/* =============================================================================
   PYTHON CDMX - PALETA DE COLORES PERSONALIZADA
   ============================================================================= */

/* Colores de Python CDMX */
:root {
    /* Verde Python CDMX */
    --md-primary-fg-color--lighter: #b3d0c6;
    --md-primary-fg-color--light: #4d927a;
    --md-primary-fg-color: #006341;
    --md-primary-fg-color--dark: #004f34;
    --md-primary-fg-color--darker: #003221;
    
    /* Accent */
    --md-accent-fg-color--light: #4d927a;
    --md-accent-fg-color: #006341;
    --md-accent-fg-color--dark: #004f34;
    --md-accent-bg-color: #ffffff;
    
    /* Tipografía */
    --md-text-font: "Roboto";
    --md-code-font: "Roboto Mono";
}

/* Modo oscuro */
[data-md-color-scheme="slate"] {
    --md-primary-fg-color: #4d927a;
    --md-primary-fg-color--light: #b3d0c6;
    --md-primary-fg-color--dark: #006341;
    --md-accent-fg-color: #4d927a;
}

/* Header personalizado */
.md-header {
    background-color: var(--md-primary-fg-color);
}

.md-tabs {
    background-color: var(--md-primary-fg-color);
}

/* Links */
.md-typeset a {
    color: var(--md-primary-fg-color);
}

.md-typeset a:hover {
    color: var(--md-primary-fg-color--dark);
}

/* Botones primarios */
.md-button--primary {
    background-color: var(--md-primary-fg-color);
    border-color: var(--md-primary-fg-color);
    color: var(--md-accent-bg-color);
}

.md-button--primary:hover {
    background-color: var(--md-primary-fg-color--dark);
    border-color: var(--md-primary-fg-color--dark);
}

/* Search highlight */
.md-search__input:focus {
    border-color: var(--md-primary-fg-color);
}

/* Footer */
.md-footer {
    background-color: var(--md-primary-fg-color--darker);
}

.md-footer-meta {
    background-color: var(--md-primary-fg-color--darker);
}

/* Navegación activa */
.md-nav__link--active {
    color: var(--md-primary-fg-color);
    font-weight: 600;
}

.md-nav__link:hover {
    color: var(--md-primary-fg-color);
}

/* Scroll progress */
.md-progress {
    background-color: var(--md-primary-fg-color);
}

/* Top button */
.md-top {
    background-color: var(--md-primary-fg-color);
}

.md-top:hover {
    background-color: var(--md-primary-fg-color--dark);
}