/* Variables and mixins declared here will be available in all other SCSS files */
:root {
    --pop-blue: #0066ab !important;
    --pop-green: #268f40 !important;
    --pop-orange: #ed6b14 !important;
    --welcome-blue: #489ff1 !important;
    --greeting-blue: #30729f !important;
    --hello-blue: #63a9d9 !important;
    --hi-blue: rgba(205, 233, 252, 0.45) !important;
    --goodbye-blue: #012e4d !important;
    --farewell-blue: #001e33 !important;
    --primary: var(--pop-blue) !important;
    --secondary: var(--farewell-blue) !important;
    --body-gray: #e0e0e0 !important;
    --text-isecondary: #fff !important;
    --cap-width: 1500px !important;
    --cap-width-mobile: 400px !important;
    --json-tree-font-family: monospace !important;
    --borderRadius: 10px !important;
    --selectedItemPadding: 0 20px 0 10px !important;
    --inputPadding: 0 10px 0 40px !important;
    --thumb-bg: var(--hello-blue) !important;
    --progress-bg: var(--hello-blue) !important;
    --cds-interactive-01: var(--pop-blue) !important;
    --cds-interactive-02: var(--secondary) !important;
    --cds-interactive-03: white !important;
    --cds-interactive-04: var(--pop-blue) !important;
    --heading-color: #000 !important;
    --cds-ui-background: #fff !important;
    --cds-ui-01: #f4f4f4 !important;
    --cds-ui-02: #fff !important;
    --cds-ui-03: #e0e0e0 !important;
    --cds-ui-04: #8d8d8d !important;
    --cds-ui-05: #161616 !important;
    --cds-text-01: #161616 !important;
    --cds-text-secondary: var(--cds-text-01) !important;
    --cds-text-02: #525252 !important;
    --cds-text-03: #a8a8a8 !important;
    --cds-text-04: #fff !important;
    --cds-text-05: #6f6f6f !important;
    --cds-text-error: #da1e28 !important;
    --cds-icon-01: #161616 !important;
    --cds-icon-02: #525252 !important;
    --cds-icon-03: #fff !important;
    --cds-link-01: #0f62fe !important;
    --cds-link-02: #0043ce !important;
    --cds-inverse-link: #78a9ff !important;
    --cds-field-01: #f4f4f4 !important;
    --cds-field-02: #fff !important;
    --cds-inverse-01: #fff !important;
    --cds-inverse-02: #393939 !important;
    --cds-support-01: #da1e28 !important;
    --cds-support-02: #198038 !important;
    --cds-support-03: #f1c21b !important;
    --cds-support-04: #0043ce !important;
    --cds-inverse-support-01: #fa4d56 !important;
    --cds-inverse-support-02: #42be65 !important;
    --cds-inverse-support-03: #f1c21b !important;
    --cds-inverse-support-04: #4589ff !important;
    --cds-overlay-01: rgba(22, 22, 22, 0.5) !important;
    --cds-danger-01: #da1e28 !important;
    --cds-danger-02: #da1e28 !important;
    --cds-focus: var(--welcome-blue) !important;
    --cds-inverse-focus-ui: #fff !important;
    --cds-hover-primary: var(--welcome-blue) !important;
    --cds-active-primary: var(--welcome-blue) !important;
    --cds-hover-primary-text: #0043ce !important;
    --cds-hover-secondary: #4c4c4c !important;
    --cds-active-secondary: #6f6f6f !important;
    --cds-hover-tertiary: var(--welcome-blue) !important;
    --cds-active-tertiary: var(--secondary) !important;
    --cds-hover-ui: #e5e5e5 !important;
    --cds-hover-light-ui: #e5e5e5 !important;
    --cds-hover-selected-ui: #cacaca !important;
    --cds-active-ui: #c6c6c6 !important;
}