/* Default section theme tokens */
body[data-section-theme] {
    --section-nav-bg: #2f3135;
    --section-nav-border: #2ca5b4;
    --section-nav-bar-shadow: 0 6px 18px rgba(0, 0, 0, 0.24);
    --section-nav-brand: #f3f7f8;
    --section-nav-link: #f3f7f8;
    --section-nav-link-hover-bg: #3b3e43;
    --section-nav-link-hover: #e7f9fb;
    --section-nav-active-bg: #3f434a;
    --section-nav-active-text: #f8fdff;
    --section-submenu-bg: #2f3135;
    --section-submenu-link: #e8eef0;
    --section-submenu-hover-bg: #3d4248;
    --section-submenu-hover-text: #ffffff;
    --section-submenu-active-bg: #454a52;
    --section-submenu-active-text: #ffffff;
    --section-page-bg: #d9d9da;
    --section-page-canvas: #f3f3f4;
    --section-surface-card-bg: #ffffff;
    --section-surface-card-border: var(--color-brand-100);
    --section-text-muted: #334155;
    --section-link: var(--color-brand-600);
    --section-link-hover: var(--color-brand-800);
    --section-btn-primary-bg: var(--color-brand-600);
    --section-btn-primary-hover-bg: var(--color-brand-800);
    --section-btn-primary-text: #ffffff;
    --section-masthead-title: #f8fbff;
    --section-masthead-bg-image: linear-gradient(rgba(8, 16, 22, 0.56), rgba(8, 16, 22, 0.56)),
        radial-gradient(circle at 0% 0%, rgba(84, 102, 118, 0.38), transparent 40%),
        radial-gradient(circle at 100% 0%, rgba(122, 96, 62, 0.34), transparent 38%),
        linear-gradient(120deg, #253039, #171d22 58%, #2f3539);
    --section-banner-overlay-bg: rgba(8, 145, 178, 0.95);
    --section-banner-overlay-text: #ffffff;
    --section-banner-cta-bg: rgba(255, 255, 255, 0.1);
    --section-banner-cta-border: rgba(255, 255, 255, 0.8);
    --section-banner-cta-hover-bg: rgba(255, 255, 255, 0.2);
}