/**
 * Zabala Distribuciones — paleta según logo (turquesa · índigo · violeta)
 */
:root {
    --zb-teal: #0d9488;
    --zb-teal-light: #14b8a6;
    --zb-teal-dark: #0f766e;
    --zb-indigo: #4338ca;
    --zb-indigo-dark: #3730a3;
    --zb-violet: #6d28d9;
    --zb-navy: #1e1b4b;
    --zb-navy-mid: #312e81;

    --zb-gradient-brand: linear-gradient(135deg, #0d9488 0%, #4338ca 55%, #1e1b4b 100%);
    --zb-gradient-header: linear-gradient(118deg, #1e1b4b 0%, #312e81 38%, #4338ca 68%, #0d9488 100%);
    --zb-gradient-cta: linear-gradient(135deg, #0d9488 0%, #14b8a6 42%, #4338ca 100%);
    --zb-gradient-menu: linear-gradient(180deg, #312e81 0%, #1e1b4b 100%);
    --zb-gradient-footer: linear-gradient(180deg, #1e1b4b 0%, #312e81 100%);
    --zb-gradient-btn: linear-gradient(135deg, var(--zb-indigo) 0%, var(--zb-indigo-dark) 100%);
    --zb-gradient-btn-primary: linear-gradient(135deg, var(--zb-teal) 0%, var(--zb-teal-dark) 100%);

    --zb-bg-page: #e8f0fa;
    --zb-bg-page-soft: #e0f2fe;
    --zb-gradient-body-home: linear-gradient(
        155deg,
        #1e1b4b 0%,
        #2d2a6e 28%,
        #3730a3 52%,
        #1e4d6b 78%,
        #0f766e 100%
    );
    --zb-bg-home: #1e1b4b;
    --zb-bg-card: #ffffff;
    --zb-bg-muted: #f1f5f9;

    --zb-text: #1e293b;
    --zb-text-muted: #64748b;
    --zb-text-on-dark: #ffffff;
    --zb-text-on-dark-muted: rgba(255, 255, 255, 0.82);

    --zb-border: #cbd5e1;
    --zb-border-focus: var(--zb-teal);
    --zb-shadow-sm: 0 2px 8px rgba(30, 27, 75, 0.08);
    --zb-shadow-md: 0 8px 24px rgba(30, 27, 75, 0.14);
    --zb-shadow-lg: 0 16px 40px rgba(30, 27, 75, 0.18);

    --zb-radius: 12px;
    --zb-radius-lg: 16px;
    --zb-radius-pill: 999px;

    /* Altura reservada del encabezado fijo (modales debajo) */
    --zb-header-offset: 4.25rem;

    --zb-font: 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;

    --zb-success-bg: #f0fdfa;
    --zb-success-border: rgba(13, 148, 136, 0.35);
    --zb-success-text: #115e59;
    --zb-warning-bg: #fffbeb;
    --zb-warning-border: rgba(245, 158, 11, 0.4);
    --zb-warning-text: #92400e;
}