/* =========================================================
   CANARYMX · DESIGN TOKENS
   Variables compartidas por todo el sitio.
   ========================================================= */

:root {
    --canarymx-bg: #111;
    --canarymx-panel: rgba(10, 10, 10, 0.70);
    --canarymx-panel-strong: rgba(10, 10, 10, 0.78);
    --canarymx-widget: rgba(10, 10, 10, 0.68);

    --canarymx-red: #e6433a;
    --canarymx-red-hover: #c9362f;

    --canarymx-white: #fff;
    --canarymx-text: rgba(255, 255, 255, 0.82);
    --canarymx-text-muted: rgba(255, 255, 255, 0.55);
    --canarymx-border: rgba(255, 255, 255, 0.06);

    --canarymx-radius: 10px;
    --canarymx-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);

    /* Header */
    --canarymx-header-height: 72px;
    --canarymx-header-height-scrolled: 52px;
    --canarymx-header-logo-width: 64px;
    --canarymx-header-logo-width-scrolled: 48px;

    --canarymx-shop-background:
        linear-gradient(
            rgba(0, 0, 0, 0.68),
            rgba(0, 0, 0, 0.78)
        ),
        url('/wp-content/uploads/2026/09/banner.png');
}