/*
 * Hub Culture design tokens.
 *
 * Loaded alongside c/footer.css. Site stylesheets read these through
 * var(--hub-*), so the palette can be changed here in one place.
 *
 * Default: "Harbour" page background with Midnight's deeper card shadows
 * (chosen Oct 2026, replaces the flat #1668BD page).
 * [data-hub-theme="midnight"] on <html> is the darker alternative.
 */
:root {
    /* Page */
    --hub-page-bg-solid: #0E3F75;
    --hub-page-bg: linear-gradient(180deg, #11518F 0, #0E3F75 1100px) no-repeat;

    --hub-ticker-bg: #11518F;      /* rate ticker under the header */

    /* Chrome: the site's existing header and footer gradients */
    --hub-header-bg: linear-gradient(88deg, #0066CC 0%, #16407C 57%, #16407C 100%);
    --hub-footer-bg: linear-gradient(76deg, #2D5B88 0%, #1F308A 57%, #3247A5 100%);

    /* Brand blues */
    --dark-blue: #16407C;
    --hub-blue-700: #16407C;
    --hub-blue-500: #1668BD;
    --hub-teal-300: #5EEAD4;

    /* Cards */
    --hub-card-bg: #FFFFFF;
    --hub-radius-card: 10px;
    --hub-shadow-card: 0 1px 2px rgba(0, 0, 0, .25), 0 16px 40px rgba(0, 0, 0, .35);
    --hub-card-lift: -2px;

    /* Text */
    --hub-text: #2B3340;
    --hub-text-muted: #5B6575;
    --hub-text-on-dark: #FFFFFF;
    --hub-link: #16407C;
    --hub-text-size: 15px;
    --hub-line-height: 1.6;

    /* Fields that sit on the page background */
    --hub-field-on-dark: rgba(255, 255, 255, .10);

    /* Buttons */
    --hub-radius-btn: 6px;
    --hub-btn-solid: #16407C;
    --hub-btn-gradient: linear-gradient(264deg, #1274CA 0%, #266BCB 36%, #065F9A 61%, #1693B1 100%);
}

/* Midnight: darker navy page with deepened header and footer */
[data-hub-theme="midnight"] {
    --hub-page-bg-solid: #0B1F3F;
    --hub-page-bg:
        radial-gradient(1200px 600px at 50% -10%, rgba(22, 104, 189, .45), transparent 70%) no-repeat,
        linear-gradient(180deg, #0F2A52 0, #0B1F3F 1100px) no-repeat;
    --hub-ticker-bg: #0F2A52;
    --hub-header-bg: linear-gradient(88deg, #0B4F9E 0%, #123A70 57%, #0F2A52 100%);
    --hub-footer-bg: linear-gradient(76deg, #1E3F6B 0%, #1F308A 57%, #172A63 100%);
}