/* eClassVirtual Design System v1.4 — versión consolidada */
:root { --ecv-font: Inter, system-ui, sans-serif; --ecv-body-weight:400; --ecv-heading-weight:600; --ecv-button-weight:600; --ecv-bg:#F6F8FC; --ecv-surface:#FFFFFF; --ecv-text:#0F172A; --ecv-muted:#627188; --ecv-border:#DCE3EC; --ecv-success:#16835D; --ecv-danger:#B42318; --ecv-radius-button:8px; --ecv-radius-card:12px; --ecv-radius-dialog:16px; --ecv-space-1:4px; --ecv-space-2:8px; --ecv-space-3:12px; --ecv-space-4:16px; --ecv-space-6:24px; --ecv-header-height:60px; --ecv-accent:#1E6FE6; --ecv-on-accent:#FFFFFF; }
[data-ecv-theme="cisco"] { --ecv-accent:#1E6FE6; --ecv-on-accent:#FFFFFF; }
[data-ecv-theme="fortinet"] { --ecv-accent:#108981; --ecv-on-accent:#FFFFFF; }
[data-ecv-theme="cyber"] { --ecv-accent:#F97316; --ecv-on-accent:#0F172A; }
@media (prefers-color-scheme: dark) { [data-ecv-mode="auto"] { --ecv-bg:#0B1423; --ecv-surface:#142033; --ecv-text:#EAF1FA; --ecv-muted:#A9B9CA; --ecv-border:#31435B; } }
[data-ecv-mode="dark"] { --ecv-bg:#0B1423; --ecv-surface:#142033; --ecv-text:#EAF1FA; --ecv-muted:#A9B9CA; --ecv-border:#31435B; }
.ecv-focusable:focus-visible { outline:3px solid var(--ecv-accent); outline-offset:3px; }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { animation-duration:.01ms!important; transition-duration:.01ms!important; } }

/* Tema predeterminado: claro; solo data-ecv-mode="dark" activa el oscuro. */
.ecv-body { background:var(--ecv-bg); color:var(--ecv-text); font-family:var(--ecv-font); font-weight:var(--ecv-body-weight); }
.ecv-heading { font-weight:var(--ecv-heading-weight); }
.ecv-button { font-weight:var(--ecv-button-weight); }