/* ==========================================================================
   WEBCARTAONLINE — Punto de entrada de estilos.
   Orden de cascada: tokens → base → layout → componentes.
   Cada página solo necesita enlazar este archivo.
   ========================================================================== */

@layer tokens, base, layout, components;

@import url("css/tokens.css?v=2026-11-02") layer(tokens);
@import url("css/base.css?v=2026-11-02") layer(base);
@import url("css/layout.css?v=2026-11-02") layer(layout);

@import url("css/components/button.css?v=2026-11-02") layer(components);
@import url("css/components/navbar.css?v=2026-11-02") layer(components);
@import url("css/components/page-menu.css?v=2026-11-02") layer(components);
@import url("css/components/hero.css?v=2026-11-02") layer(components);
@import url("css/components/marquee.css?v=2026-11-02") layer(components);
@import url("css/components/feature.css?v=2026-11-02") layer(components);
@import url("css/components/page-header.css?v=2026-11-02") layer(components);
@import url("css/components/gallery.css?v=2026-11-02") layer(components);
@import url("css/components/anatomy.css?v=2026-11-02") layer(components);
@import url("css/components/step.css?v=2026-11-02") layer(components);
@import url("css/components/plan.css?v=2026-11-02") layer(components);
@import url("css/components/table.css?v=2026-11-02") layer(components);
@import url("css/components/faq.css?v=2026-11-02") layer(components);
@import url("css/components/cta.css?v=2026-11-02") layer(components);
@import url("css/components/tools.css?v=2026-11-02") layer(components);
@import url("css/components/legal.css?v=2026-11-02") layer(components);
@import url("css/components/footer.css?v=2026-11-02") layer(components);
@import url("css/components/glow.css?v=2026-11-02") layer(components);

/* Fondo negro fuera de las capas y con más especificidad: al ser <main>
   transparente (líneas de fondo), garantiza el negro (en <html>) aunque un visor
   externo intente anular el fondo de html/body. */
:root:root {
    background-color: #000000;
}

/* El body NO debe pintar fondo propio: taparía la portada y las líneas,
   que están en capas negativas (z-index < 0). */
:root:root body {
    background-color: transparent;
}