:root {
    /* Paleta de marca Xpand/Deltron, tomada de xtranet/css/xpandstyles.css */
    --brand-primary: #004b9a;
    --brand-primary-dark: #00366e;
    --brand-accent: #067cff;
    --brand-navy: #1f386e;
    --brand-cta: #e2001a;
    --brand-cta-dark: #b30014;

    --surface: #ffffff;
    --surface-alt: #e6eaed;
    --bg: #eef1f5;
    --border: #d8dee5;

    --text: #1c2733;
    --text-muted: #5b6b7a;
    --text-on-brand: #ffffff;

    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 18px;

    --shadow-sm: 0 1px 2px rgba(16, 34, 60, 0.08);
    --shadow-md: 0 8px 24px rgba(16, 34, 60, 0.12);
    --shadow-lg: 0 16px 40px rgba(16, 34, 60, 0.16);

    --font-sans: "Segoe UI", "Inter", "Helvetica Neue", Arial, sans-serif;

    --header-height: 64px;
    /* Web antigua (index_nw.php): .container fijo en 1040px - se usa el mismo ancho de
       referencia para que el layout (banner, menu, tarjetas) guarde una proporcion similar
       en vez del mas ancho que traia por defecto. */
    --container-max: 1040px;
}