/* This file is generated from the live theme picker. */
:root {
    --text: #000000;
    --muted: #616161;
    --logo-charcoal: #000000;
    --logo-charcoal-muted: #616161;
    --surface-dark: #368fc9;
    --surface-deep: #2c75a5;
    --theme-heading-color: #d32222;
    --brand-blue: #368fc9;
    --brand-blue-dark: #2c75a5;
    --logo-blue: #eedcb4;
    --logo-blue-deep: #c8b997;
    --accent: #368fc9;
    --accent-dark: #2c75a5;
    --accent-soft: #8abee0;
    --logo-red: #368fc9;
    --logo-red-deep: #2c75a5;
    --logo-blue-on-dark: #368fc9;
    --theme-header-bg: #368fc9;
    --theme-header-bg-deep: #2c75a5;
    --theme-footer-bg: #143c57;
    --theme-footer-bg-deep: #113249;
    --theme-hero-base: #eedcb4;
    --theme-hero-soft: #fdfbf6;
    --theme-hero-radial-primary: rgba(238, 220, 180, 0.22);
    --theme-hero-radial-accent: rgba(54, 143, 201, 0.12);
    --theme-hero-radial-deep: rgba(200, 185, 151, 0.10);
    --theme-hero-soft-light: #fdfbf7;
    --theme-button-bg: #368fc9;
    --theme-button-hover: #2c75a5;
    --theme-orb-primary: rgba(238, 220, 180, 0.18);
    --theme-orb-accent: rgba(54, 143, 201, 0.10);
    --logo-blue-glow: rgba(238, 220, 180, 0.38);
    --logo-red-glow: rgba(54, 143, 201, 0.30);
    --border: #c7e0f0;
    --shadow: 0 24px 60px rgba(44, 117, 165, 0.10);
    --nav-dropdown-shadow: 0 24px 48px rgba(44, 117, 165, 0.14), 0 0 0 1px rgba(44, 117, 165, 0.12);
    --theme-button-shadow: 0 16px 36px rgba(54, 143, 201, 0.22);
}

.utility-bar {
    background: linear-gradient(102deg, var(--theme-header-bg-deep) 0%, var(--theme-header-bg) 55%, var(--theme-button-hover) 100%);
}

.site-header .main-header {
    border-color: rgba(54, 143, 201, 0.16);
}

.site-footer {
    background: linear-gradient(180deg, var(--theme-footer-bg-deep), var(--theme-footer-bg));
}

.hero--home__bg {
    background:
        radial-gradient(ellipse 90% 70% at 15% 20%, var(--theme-hero-radial-primary) 0%, transparent 55%),
        radial-gradient(ellipse 70% 55% at 85% 10%, var(--theme-hero-radial-accent) 0%, transparent 50%),
        radial-gradient(ellipse 60% 50% at 70% 85%, var(--theme-hero-radial-deep) 0%, transparent 45%),
        linear-gradient(165deg, var(--theme-hero-soft-light) 0%, var(--theme-hero-soft) 42%, #f8fbff 100%);
}

.btn--primary,
.theme-picker__save {
    background: linear-gradient(135deg, var(--theme-button-hover) 0%, var(--theme-button-bg) 100%);
    box-shadow: var(--theme-button-shadow);
}

.hero--home__title,
.section-heading h2,
.news-card h3 a {
    color: var(--theme-heading-color);
}