/*
 * WEB-P13B — Brand Experience tokens.
 * Scoped to .vc-brand-v2 so public pages are unaffected.
 */
.vc-brand-v2 {
    --vc-bx-navy: #0b1f33;
    --vc-bx-navy-deep: #071521;
    --vc-bx-graphite: #18232d;
    --vc-bx-steel: #4f6475;
    --vc-bx-stone: #e6e1d6;
    --vc-bx-mist: #f4f6f8;
    --vc-bx-technical-blue: #1c4568;
    --vc-bx-positive: #1f7a50;
    --vc-bx-gold: #d9ad22;
    --vc-bx-gold-light: #e8c44a;
    --vc-bx-white: #ffffff;

    --vc-bx-text: var(--vc-bx-graphite);
    --vc-bx-muted: var(--vc-bx-steel);
    --vc-bx-border: #cfd7de;
    --vc-bx-focus: var(--vc-bx-gold);

    --vc-bx-font: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --vc-bx-font-mono: "Segoe UI Mono", ui-monospace, Menlo, Consolas, monospace;

    --vc-bx-display: clamp(2.25rem, 1.6rem + 2.8vw, 4.25rem);
    --vc-bx-h1: clamp(2rem, 1.5rem + 2.2vw, 3.5rem);
    --vc-bx-h2: clamp(1.5rem, 1.28rem + 1.1vw, 2.25rem);
    --vc-bx-h3: clamp(1.2rem, 1.1rem + 0.45vw, 1.5rem);
    --vc-bx-h4: 1.125rem;
    --vc-bx-body-lg: 1.125rem;
    --vc-bx-body: 1rem;
    --vc-bx-small: 0.875rem;
    --vc-bx-eyebrow: 0.6875rem;
    --vc-bx-label: 0.75rem;
    --vc-bx-nav: 0.8125rem;

    --vc-bx-space-1: 4px;
    --vc-bx-space-2: 8px;
    --vc-bx-space-3: 12px;
    --vc-bx-space-4: 16px;
    --vc-bx-space-6: 24px;
    --vc-bx-space-8: 32px;
    --vc-bx-space-12: 48px;
    --vc-bx-space-16: 64px;
    --vc-bx-space-20: 80px;
    --vc-bx-space-24: 96px;
    --vc-bx-section: clamp(3rem, 2.2rem + 3vw, 6rem);
    --vc-bx-gutter: clamp(16px, 3.2vw, 40px);
    --vc-bx-gap: clamp(16px, 2vw, 32px);

    --vc-bx-canvas: min(1680px, 100%);
    --vc-bx-content: min(1200px, 100%);
    --vc-bx-reading: min(720px, 100%);

    --vc-bx-ease: 180ms ease;
    --vc-bx-ease-out: 280ms cubic-bezier(0.2, 0.7, 0.2, 1);
    color: var(--vc-bx-text);
    font-family: var(--vc-bx-font);
    font-size: var(--vc-bx-body);
    line-height: 1.6;
}
.vc-brand-v2 *,
.vc-brand-v2 *::before,
.vc-brand-v2 *::after {
    box-sizing: border-box;
}