/* ESG design manual 1.1, pages 2, 5, 6, 8, 14-18. Shared by Web and Mobil. */
:root {
    --esg-canvas: #F2F5F8;
    --esg-surface: #FFFFFF;
    --esg-surface-raised: #F8FAFC;
    --esg-border: #CBD5DF;
    --esg-divider: #E2E8EF;
    --esg-text: #172330;
    --esg-text-muted: #526274;
    --esg-text-subtle: #647487;
    --esg-icon: #526274;
    --esg-input: #F8FAFC;
    --esg-input-text: #172330;
    --esg-label: #344456;
    --esg-placeholder: #647487;
    --esg-input-border: #8392A2;
    --esg-input-hover: #526274;
    --esg-focus: #0066B3;
    --esg-disabled-surface: #E9EEF3;
    --esg-disabled-text: #788695;
    --esg-primary: #0066B3;
    --esg-primary-hover: #005797;
    --esg-primary-active: #00477D;
    --esg-on-primary: #FFFFFF;
    --esg-secondary: #E2E8EF;
    --esg-secondary-hover: #D3DCE6;
    --esg-on-secondary: #172330;
    --esg-link: #005A9E;
    --esg-link-hover: #00477D;
    --esg-nav-bg: #111A23;
    --esg-nav-text: #B7C3CF;
    --esg-nav-title: #F3F6FA;
    --esg-nav-border: #435363;
    --esg-nav-hover: #192632;
    --esg-nav-active: #0066B3;
    --esg-on-nav-active: #FFFFFF;
    --esg-nav-marker: #69B8FF;
    --esg-flyout: #192632;
    --esg-list-selected: #EFF7FF;
    --esg-list-selected-text: #005A9E;
    --esg-tab-active: #005A9E;
    --esg-tab-indicator: #0066B3;
    --esg-table-head: #E9EEF3;
    --esg-table-row: #FFFFFF;
    --esg-table-alt: #F8FAFC;
    --esg-table-hover: #EFF7FF;
    --esg-table-selected: #DBEDFF;
    --esg-quiet-bg: #F8FAFC;
    --esg-quiet-text: #172330;
    --esg-quiet-border: #8392A2;
    --esg-quiet-hover: #E2E8EF;
    --esg-popup-header: #0066B3;
    --esg-popup-title: #FFFFFF;
    --esg-popup-body: #FFFFFF;
    --esg-popup-border: #CBD5DF;
    --esg-danger: #B42318;
    --esg-danger-bg: #FFF1F0;
    --esg-warning: #855500;
    --esg-warning-bg: #FFF7E5;
    --esg-success: #166534;
    --esg-success-bg: #ECFDF3;
    --esg-info: #005A9E;
    --esg-info-bg: #EFF7FF;
    --esg-overlay: rgb(0 0 0 / .35);
}
.dark, .esg-brand-dark {
    --esg-canvas: #0B1117;
    --esg-surface: #111A23;
    --esg-surface-raised: #192632;
    --esg-border: #435363;
    --esg-divider: #2B3947;
    --esg-text: #F3F6FA;
    --esg-text-muted: #B7C3CF;
    --esg-text-subtle: #94A5B6;
    --esg-icon: #B7C3CF;
    --esg-input: #17232E;
    --esg-input-text: #F3F6FA;
    --esg-label: #DCE4EC;
    --esg-placeholder: #94A5B6;
    --esg-input-border: #647689;
    --esg-input-hover: #91A5B9;
    --esg-focus: #69B8FF;
    --esg-disabled-surface: #14202A;
    --esg-disabled-text: #738496;
    --esg-primary: #0066B3;
    --esg-primary-hover: #005797;
    --esg-primary-active: #00477D;
    --esg-on-primary: #FFFFFF;
    --esg-secondary: #CBD3DD;
    --esg-secondary-hover: #E0E6ED;
    --esg-on-secondary: #111A23;
    --esg-link: #80C4FF;
    --esg-link-hover: #B0DAFF;
    --esg-nav-bg: #070C12;
    --esg-nav-text: #B7C3CF;
    --esg-nav-title: #F3F6FA;
    --esg-nav-border: #526274;
    --esg-nav-hover: #192632;
    --esg-nav-active: #0066B3;
    --esg-on-nav-active: #FFFFFF;
    --esg-nav-marker: #69B8FF;
    --esg-flyout: #192632;
    --esg-list-selected: #13283D;
    --esg-list-selected-text: #80C4FF;
    --esg-tab-active: #80C4FF;
    --esg-tab-indicator: #69B8FF;
    --esg-table-head: #192632;
    --esg-table-row: #111A23;
    --esg-table-alt: #17232E;
    --esg-table-hover: #192F42;
    --esg-table-selected: #153955;
    --esg-quiet-bg: #192632;
    --esg-quiet-text: #F3F6FA;
    --esg-quiet-border: #647689;
    --esg-quiet-hover: #243746;
    --esg-popup-header: #0066B3;
    --esg-popup-title: #FFFFFF;
    --esg-popup-body: #111A23;
    --esg-popup-border: #647689;
    --esg-danger: #FFB4AB;
    --esg-danger-bg: #351B20;
    --esg-warning: #FFD18A;
    --esg-warning-bg: #302619;
    --esg-success: #8DE0AF;
    --esg-success-bg: #152B22;
    --esg-info: #80C4FF;
    --esg-info-bg: #13283D;
    --esg-overlay: rgb(0 0 0 / .55);
}