/* ═══════════════════════════════════════════════════════════
   FRAMEWORK WEB DT v1.0 — Temas (Claro/Oscuro)
   ═══════════════════════════════════════════════════════════ */

/* Modo Oscuro */
[data-theme="dark"] {
    --dt-color-bg:          #0f172a;
    --dt-color-bg-alt:      #1e293b;
    --dt-color-bg-elevated: #1e293b;
    --dt-color-surface:     #334155;
    --dt-color-border:      #334155;
    --dt-color-text:        #f1f5f9;
    --dt-color-text-muted:  #cbd5e1;
    --dt-color-text-subtle: #94a3b8;
}

/* Preferencia del sistema */
@media (prefers-color-scheme: dark) {
    html:not([data-theme="light"]) {
        --dt-color-bg:          #0f172a;
        --dt-color-bg-alt:      #1e293b;
        --dt-color-bg-elevated: #1e293b;
        --dt-color-surface:     #334155;
        --dt-color-border:      #334155;
        --dt-color-text:        #f1f5f9;
        --dt-color-text-muted:  #cbd5e1;
        --dt-color-text-subtle: #94a3b8;
    }
}