:root {
    /* Primary brand */
    --adv-brand-red: #8B1A1A;
    --adv-brand-red-dark: #6B1414;
    --adv-brand-red-light: #A52A2A;

    /* Navigation */
    --adv-nav-bg: #FFFFFF;
    --adv-nav-text: #1A6B8A;
    --adv-nav-active-bg: #1A6B8A;
    --adv-nav-active-text: #FFFFFF;

    /* Welcome banner / hero */
    --adv-hero-bg: #3D5A80;
    --adv-hero-text: #FFFFFF;

    /* Tiles */
    --adv-tile-bg: #4A6D8C;
    --adv-tile-bg-hover: #3D5A75;
    --adv-tile-text: #FFFFFF;
    --adv-tile-border-top: var(--adv-brand-red);

    /* Table */
    --adv-table-header-bg: var(--adv-brand-red);
    --adv-table-header-text: #FFFFFF;
    --adv-table-border: var(--adv-brand-red);
    --adv-table-row-hover: #F5F5F5;
    --adv-table-row-alt: #FAFAFA;

    /* Environment tabs */
    --adv-tab-active-bg: var(--adv-brand-red);
    --adv-tab-active-text: #FFFFFF;
    --adv-tab-inactive-bg: #FFFFFF;
    --adv-tab-inactive-text: #333333;

    /* Page */
    --adv-page-bg: #F0F2F5;
    --adv-card-bg: #FFFFFF;
    --adv-accent-line: var(--adv-brand-red);

    /* Buttons */
    --adv-btn-primary-bg: #1A8FC4;
    --adv-btn-primary-text: #FFFFFF;
    --adv-btn-primary-hover: #14729D;
    --adv-btn-primary-focus: #4CAEDD;
    --adv-btn-edit-bg: #4A8C5E;
    --adv-btn-edit-text: #FFFFFF;

    /* Footer */
    --adv-footer-bg: #F8F9FA;
    --adv-footer-text: #595959;

    /* Typography */
    --adv-font-family: 'Roboto', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
    --adv-heading-weight: 600;

    /* Bootstrap font override */
    --bs-body-font-family: 'Roboto', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
    --bs-font-sans-serif: 'Roboto', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;

    /* Spacing */
    --adv-border-radius: 6px;
    --adv-tile-radius: 8px;
    --adv-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.08);
    --adv-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.12);
}