/* CSS Overrides Top Start */
@import url('/Styles/styles-v2/icons/fontawesome-icon.css?v=4232385967');
@import url('/Styles/styles-v2/icons/fontawesome-solid.css?v=4137481333');
@import url('/Styles/styles-v2/icons/tabler-icon.css?v=116410291');
/* CSS Overrides Top End */

/*
 * site-overrides.css
 *
 * Hand-written, deliberately NOT part of the SCSS build. Loaded last from
 * Site.Master so it wins at equal specificity over theme.css and the
 * styles-v2/core.css that theme.css imports.
 *
 * Kept out of theme.scss on purpose: rebuilding theme.css needs a fresh
 * `npm install` of Tailwind and dart-sass, which would regenerate the whole
 * file with newer tool versions on a live production site. These are surgical
 * fixes, so they live here where the diff is one rule and the rollback is
 * deleting a file.
 */

/*
 * Rock's styles-v2/core.css sets:
 *
 *     body { ... background-color: var(--color-interface-softer); }   -- #f5f5f5
 *
 * That is the internal-admin convention (gray application chrome). This theme
 * imports core.css, so the PUBLIC site inherited it. CenterpointCompass never
 * imported core.css and therefore rendered on the browser default white.
 *
 * The gray is invisible wherever a section paints its own background, which is
 * why it only showed as a stray band on the home page: .hero-secondary-section
 * carries margin-top:-70px / margin-bottom:-56px, and the body colour showed
 * through the gap those negative margins open between the black hero and the
 * white section below it. Reported 2026-09-17 as a "weird margin/padding".
 *
 * Restoring white is parity with Compass, not a redesign.
 */
body {
    background-color: var(--color-interface-softest, #fff);
}

/* CSS Overrides Bottom Start */
:root {
    --base-primary: #05cbf0;
    --base-secondary: #1a1d1f;
    --logo-image: url('/Themes/CenterpointNextGen/Assets/img/theme/centerpoint-logo.png');
    --logo-aspect: 2400 / 601;
    --logo-height: 48px;
    --page-title-bg-hex: #1a1d1f;
    --page-title-text-hex: #ffffff;
    --base-interface-strongest: #1a1a1a;
    --base-interface-stronger: #333333;
    --base-interface-strong: #737373;
    --base-interface-medium: #adadad;
    --base-interface-soft: #e8e8e8;
    --base-interface-softer: #f5f5f5;
    --base-interface-softest: #ffffff;
    --base-link: #05cbf0;
    --base-danger: #f44336;
    --base-success: #4caf50;
    --base-warning: #ff9800;
    --base-info: #005dd7;
    --base-critical: #ee7725;
    --font-family-title: 'Montserrat','Helvetica Neue',Arial,sans-serif;
    --font-family-body: 'Open Sans','Helvetica Neue',Arial,sans-serif;
    --font-size-regular: 14px;
    --font-size-h1: 44px;
    --font-size-h2: 36px;
    --font-size-h3: 28px;
    --font-size-h4: 22px;
    --font-size-h5: 18px;
    --font-size-h6: 16px;
    --mobile-menu-breakpoint: 992px;
}
/* CSS Overrides Bottom End */