/* Dark Theme Basic Styles */
body.dark-theme {
    background-color: #121212;
    color: #e0e0e0;
}

/* Header */
body.dark-theme .header {
    background-color: #1a1a1a;
    border-bottom: 1px solid #333;
}

/* Navigation */
body.dark-theme .nav-bar {
    background-color: #1a1a1a;
}

body.dark-theme .nav-link {
    color: #b0b0b0;
}

body.dark-theme .nav-link:hover {
    color: #ffffff;
    background-color: #333;
}

/* Main Content */
body.dark-theme .main-content {
    background-color: #474747;
}

body.dark-theme .config-section {
    background-color: #474747;
}

body.dark-theme .example-section {
    background-color: #474747;
}

body.dark-theme .hooks-section {
    background-color: #474747;
}

body.dark-theme .problems-grid {
    background-color: #474747;
}

body.dark-theme .problem {
    background-color: #474747;
    color: #000000;
}

body.dark-theme .architecture-section {
    background-color: #474747;
    color: #000000
}

body.dark-theme .container {
    background-color: transparent;
}

/* Profile Sections */
body.dark-theme .imagen-perfil-section,
body.dark-theme .perfil-header {
    background-color: #1e1e1e;
    color: #e0e0e0;
    border: 1px solid #333;
}

body.dark-theme .perfil-header h1,
body.dark-theme .perfil-header h2 {
    color: #ffffff;
}

/* Buttons */
body.dark-theme .btn-primario {
    background-color: #444;
    color: white;
    border: 1px solid #555;
}

body.dark-theme .btn-primario:hover {
    background-color: #555;
}

/* Upload Area */
body.dark-theme .upload-area {
    border-color: #555;
    background-color: #2a2a2a;
    color: #b0b0b0;
}

body.dark-theme .upload-area:hover {
    border-color: #667eea;
}

/* Alerts */
body.dark-theme .alert {
    background-color: #2a2a2a;
    color: #e0e0e0;
    border: 1px solid #444;
}

body.dark-theme .learning-path {
    background: #3a3a3a;
}

body.dark-theme .path-step {
    background: #7a7979;
}

body.dark-theme .tech-card {
    background: #7a7979;
}

body.dark-theme .tutorial-article {
    background: #474747;
}

body.dark-theme .step {
    background: #7a7979;
}

body.dark-theme .next-step {
    background: #7a7979;
}

body.dark-theme .pre {
    background: #7a7979;
}

body.dark-theme .code-example {
    background: #7a7979;
}

body.dark-theme .library {
    background: #7a7979;
}

body.dark-theme .problems-grid {
    background: #a7a7a7;
}

body.dark-theme .steps-grid {
    background: #a7a7a7;
}

body.dark-theme .content-section {
    background: #888888;
}

body.dark-theme .feature {
    background: #a7a7a7;
}

body.dark-theme .problem {
    background: #a7a7a7;
}

body.dark-theme .shortcut-item {
    background: #a7a7a7;
}

body.dark-theme .resource-item {
    background: #a7a7a7;
}

body.dark-theme .requirement-item {
    background: #a7a7a7;
}

body.dark-theme .expand-button {
    background: #a7a7a7;
}

body.dark-theme .example-button {
    background: #a7a7a7;
}

body.dark-theme .live-example {
    background: #a7a7a7;
}

body.dark-theme .form-container {
    background: #a7a7a7;
}

body.dark-theme .explanation-box {
    background: #a7a7a7;
}

body.dark-theme .demo-result {
    background: #a7a7a7;
}

body.dark-theme .tip {
    background: #a7a7a7;
}

body.dark-theme .function-type {
    background: #a7a7a7;
}

body.dark-theme .estado-archivo {
    background: #a7a7a7;
}

body.dark-theme .expandable-content-inner {
    background: #a7a7a7;
}

body.dark-theme .dropdown-menu {
    background: #a7a7a7;
}

body.dark-theme .user-dropdown {
    background: #a7a7a7;
}

body.dark-theme .config-form {
    background: #a7a7a7;
}

body.dark-theme .tarea-item {
    background: #a7a7a7;
}

body.dark-theme .mensaje-resumen {
    background: #a7a7a7;
}

body.dark-theme .stat-card {
    background: #a7a7a7;
}

body.dark-theme .panel-card {
    background: #a7a7a7;
}

body.dark-theme .panel-header {
    background: #a7a7a7;
}

body.dark-theme .actividad-reciente {
    background: #a7a7a7;
}

body.dark-theme .user-link {
    background: #a7a7a7 !important;
}

body.dark-theme .contacto-form-container {
    background: #a7a7a7;
}

/* Text elements - CORREGIDO */
body.dark-theme p {
    color: #000000 !important;
}

body.dark-theme li {
    color: #000000 !important;
}

body.dark-theme h1 {
    color: #000000 !important;
}

body.dark-theme h2 {
    color: #000000 !important;
}

body.dark-theme a {
    color: #000000 !important;
}

body.dark-theme h3 {
    color: #000000 !important;
}

body.dark-theme h4 {
    color: #000000 !important;
}

body.dark-theme h5 {
    color: #000000 !important;
}

body.dark-theme span {
    color: #000000 !important;
}

body.dark-theme input {
    color: #000000 !important;
    background: #a0a0a0;
}

body.dark-theme textarea {
    color: #000000 !important;
    background: #a0a0a0;
}

body.dark-theme select {
    color: #000000 !important;
    background: #a0a0a0;
}

body.dark-theme label {
    color: #000000 !important;
    background: #a0a0a0;
}

body.dark-theme .footer {
    color: #000000 !important;
    background: #494949;
}