/**************/
/*CSS Variables
/**************/ 

/* CSS custom properties */
:root {
    /* Design System colors */
    --bh-core-01: #03060d;
    --bh-core-02: #00205b;
    --bh-core-03: #093582;
    --bh-core-04: #1c4ea5;
    --bh-core-05: #3a6cc1;
    --bh-core-06: #628dd6;
    --bh-core-07: #8eafe6;
    --bh-core-08: #b7ccf0;
    --bh-core-09: #d6e2f7;
    --bh-core-10: #ebf0fa;
    --bh-core-11: #f6f7fa;
    --bh-accent-01: #006894;
    --bh-accent-02: #007eb4;
    --bh-accent-03: #0b8ec6;
    --bh-accent-04: #20a0d6;
    --bh-accent-05: #41b2e3;
    --bh-accent-06: #6cc6ed;
    --bh-accent-07: #99d9f5;
    --bh-accent-08: #c1e9fa;
    --bh-accent-09: #ddf3fd;
    --bh-accent-10: #eefaff;
    --bh-accent-11: #f5fcff;
    --bh-black-01: #0b0c0d;
    --bh-black-02: #303235;
    --bh-black-03: #56595d;
    --bh-black-04: #7b7f84;
    --bh-black-05: #9ca0a5;
    --bh-black-06: #b8bbbf;
    --bh-black-07: #cfd1d3;
    --bh-black-08: #e1e1e2;
    --bh-black-09: #ededee;
    --bh-black-10: #f5f5f5;
    --bh-black-11: #fafafa;

    --bh-error: #da291c;
    --bh-success: #008522;
    --bh-alert: #0077c8;
    --bh-rating: #bf8900;
    --bh-white: #ffffff;
    --bh-true-black: #000000;

    --bh-profile-1: #bf2080;
    --bh-profile-2: #963a1d;
    --bh-profile-3: #607d0e;
    --bh-profile-4: #41058d;
    --bh-profile-5: #8447d2;
    --bh-profile-6: #8f0a52;
    --bh-profile-7: #145b53;
    --bh-profile-8: #98149b;


    //new tokens
    --background-base: var(--bh-core-11);
    --border-accent: var(--bh-accent-02);
    --border-accent-hover: var(--bh-accent-01);
    --border-base: var(--bh-black-07);
    --border-base-hover: var(--bh-black-05);
    --border-bold: var(--bh-black-03);
    --border-bold-hover: var(--bh-black-02);
    --border-core: var(--bh-core-02);
    --border-disabled: var(--bh-black-05);
    --border-error: var(--bh-error);
    --border-focus: var(--bh-accent-03);
    --border-information: var(--bh-information);
    --border-inverse: var(--bh-white);
    --border-rating: var(--bh-rating);
    --border-success: var(--bh-success);
    --border-white: var(--bh-white);
    --icon-accent: var(--bh-accent-02);
    --icon-accent-hover: var(--bh-accent-01);
    --icon-base: var(--bh-black-02);
    --icon-base-hover: var(--bh-black-01);
    --icon-core: var(--bh-core-02);
    --icon-disabled: var(--bh-black-05);
    --icon-error: var(--bh-error);
    --icon-information: var(--bh-information);
    --icon-inverse: var(--bh-white);
    --icon-inverse-hover: var(--bh-black-09);
    --icon-inverse-hover-blue: var(--bh-core-09);
    --icon-subtle: var(--bh-black-03);
    --icon-subtle-hover: var(--bh-black-02);
    --icon-success: var(--bh-success);
    --icon-white: var(--bh-white);
    --profile-01: var(--bh-profile-01);
    --profile-02: var(--bh-profile-02);
    --profile-03: var(--bh-profile-03);
    --profile-04: var(--bh-profile-04);
    --profile-05: var(--bh-profile-05);
    --profile-06: var(--bh-profile-06);
    --profile-07: var(--bh-profile-07);
    --profile-08: var(--bh-profile-08);
    --surface-accent: var(--bh-accent-02);
    --surface-accent-hover: var(--bh-accent-01);
    --surface-accent-pressed: var(--bh-accent-01);
    --surface-active: var(--bh-core-02);
    --surface-active-background: var(--bh-core-10);
    --surface-active-hover: var(--bh-core-01);
    --surface-active-pressed: var(--bh-core-01);
    --surface-base: var(--bh-white);
    --surface-base-hover: var(--bh-black-10);
    --surface-base-hover-accentblue: var(--bh-accent-10);
    --surface-base-pressed: var(--bh-black-10);
    --surface-base-pressed-accentblue: var(--bh-accent-10);
    --surface-bold: var(--bh-black-04);
    --surface-disabled: var(--bh-black-08);
    --surface-disabled-subtle: var(--bh-black-09);
    --surface-divider: var(--bh-black-08);
    --surface-error: var(--bh-error);
    --surface-information: var(--bh-information);
    --surface-inverse: var(--bh-black-02);
    --surface-rating: var(--bh-rating);
    --surface-subtle: var(--bh-black-09);
    --surface-subtle-hover: var(--bh-black-07);
    --surface-subtle-pressed: var(--bh-black-07);
    --surface-success: var(--bh-success);
    --text-accent: var(--bh-accent-02);
    --text-accent-hover: var(--bh-accent-01);
    --text-base: var(--bh-black-02);
    --text-base-hover: var(--bh-black-01);
    --text-core: var(--bh-core-02);
    --text-core-hover: var(--bh-core-01);
    --text-disabled: var(--bh-black-04);
    --text-disabled-inverse: var(--bh-black-05);
    --text-error: var(--bh-error);
    --text-inverse: var(--bh-white);
    --text-inverse-hover: var(--bh-black-09);
    --text-inverse-hover-blue: var(--bh-core-09);
    --text-link: var(--bh-accent-02);
    --text-link-hover: var(--bh-accent-01);
    --text-placeholder: var(--bh-black-04);
    --text-subtle: var(--bh-black-03);
    --text-subtle-hover: var(--bh-black-02);
    --text-white: var(--bh-white);

    /* Design System fonts */
    --bh-primary-font-face: 'utopia-std', serif;
    --bh-secondary-font-face: 'Effra', sans-serif;

    /* Misc. */
    --bh-card-shadow: 0 4px 15px 0 rgba(0,0,0,0.13);
    --container-column-width: 264px;
    --pipe-height: 32px;
    --bh-masthead-elevation: 11;
    --bh-footer-elevation: 10;
    --bh-border-color: var(--border-base);
    --bh-border-radius: 4px;
    --bh-tooltip-bg-color: var(--bh-black-02);
    --bh-btn-font: 14px;
}