:root {
    /* COLORS ----- COLORS ----- COLORS ----- COLORS ----- COLORS ----- COLORS ----- COLORS ----- COLORS ----- COLORS ----- COLORS ----- COLORS ----- COLORS ----- COLORS */
    /* Glass Lewis colors */

    /*
    * Vibrant Royal Blue
    */
    --c-vibrant-royal-blue-1000: rgb(6, 31, 53);
    --c-vibrant-royal-blue-900: rgb(7, 38, 65);
    --c-vibrant-royal-blue-800: rgb(9, 44, 77);
    --c-vibrant-royal-blue-700: rgb(10, 51, 89);
    --c-vibrant-royal-blue-600: rgb(12, 57, 101);
    --c-vibrant-royal-blue-500: rgb(15, 70, 125);
    --c-vibrant-royal-blue-400: rgb(17, 80, 143);
    --c-vibrant-royal-blue-300: rgb(19, 87, 156);
    --c-vibrant-royal-blue-200: rgb(20, 94, 168);
    --c-vibrant-royal-blue-100: rgb(22, 100, 180);
    --c-vibrant-royal-blue-90: rgb(18, 114, 192);
    --c-vibrant-royal-blue-80: rgb(55, 139, 205);
    --c-vibrant-royal-blue-70: rgb(91, 163, 219);
    --c-vibrant-royal-blue-60: rgb(128, 187, 232);
    --c-vibrant-royal-blue-50: rgb(146, 200, 238);
    --c-vibrant-royal-blue-40: rgb(165, 212, 245);
    --c-vibrant-royal-blue-30: rgb(192, 230, 255);
    --c-vibrant-royal-blue-20: rgb(220, 243, 255);
    --c-vibrant-royal-blue-10: rgb(238, 250, 255);

    /*
    * Deep Charcoal
    */
    --c-deep-charcoal-900: rgb(33, 35, 34);
    --c-deep-charcoal-800: rgb(63, 64, 64);
    --c-deep-charcoal-700: rgb(83, 84, 84);
    --c-deep-charcoal-600: rgb(103, 104, 104);
    --c-deep-charcoal-500: rgb(124, 124, 124);
    --c-deep-charcoal-400: rgb(144, 144, 144);
    --c-deep-charcoal-300: rgb(164, 164, 164);
    --c-deep-charcoal-200: rgb(204, 204, 204);
    --c-deep-charcoal-100: rgb(224, 224, 224);
    --c-deep-charcoal-50: rgb(244, 244, 244);

    /*
    * Soft Ivory
    */
    --c-soft-ivory-100: rgb(241, 237, 220);
    --c-soft-ivory-90: rgb(246, 244, 233);
    --c-soft-ivory-80: rgb(248, 246, 238);
    --c-soft-ivory-70: rgb(251, 250, 245);
    --c-soft-ivory-60: rgb(253, 252, 250);

    /*
    * Burnt Orange
    */
    --c-burnt-orange-100: rgb(255, 77, 0);
    --c-burnt-orange-90: rgb(255, 104, 38);
    --c-burnt-orange-80: rgb(255, 130, 77);
    --c-burnt-orange-70: rgb(255, 157, 115);
    --c-burnt-orange-60: rgb(255, 183, 153);
    --c-burnt-orange-50: rgb(255, 209, 191);
    --c-burnt-orange-40: rgb(255, 237, 227);

    /*
    * Highlight Green
    */
    --c-highlight-green-100: #22c55e;

    /*
    * Yellow
    */
    --c-yellow-100: #faeb37;

    /*
    * Border radius
    */
    --border-button-radius: 3.125rem;

    /* White & black */
    --c-white: #ffffff;
    --c-black: #212322; /* not black, but GLs charcoal color */
    /* --c-ivory: #f1ecdd; */
    --c-ivory: #f9f6ee;

    /* Text */
    --c-text: #212529;

    /* Gray */
    --c-gray-ultra-light: #fafafa;
    --c-gray-lightest: #f7f7f7;
    --c-gray-lighter: #e6e6e6;
    --c-gray-light: #cccccc;
    --c-gray: #adadad;
    --c-gray-dark: #8c8c8c;
    --c-gray-darker: #646464;
    --c-gray-darkest: #4e4e4e;
    /* --c-gray-ultra-dark: #272727; */

    /* Primary */
    /* --c-primary-ultra-light: #??????; */
    --c-primary-lightest: #ebf7f4;
    --c-primary-lighter: #88cebc;
    --c-primary-light: #ff4d00; /* same as --c-primary  ( maybe change to #569fd1 (0.9 opacity of #1f97d1)*/
    --c-primary: #1665b3;
    /* --c-primary: #ff4d00; */
    --c-primary-dark: #0188cc;
    --c-primary-darker: #226856;
    /* --c-primary-darkest: #16463a; */
    /* --c-primary-ultra-dark: #??????; */

    /* Primary rich */
    /* --c-primary-rich-ultra-light: #??????; */
    --c-primary-rich-lightest: #cfe8d8;
    --c-primary-rich-lighter: #00e3a6;
    --c-primary-rich-light: #22c55e;
    --c-primary-rich: #1f97d1;
    --c-primary-rich-dark: #009069;
    /* --c-primary-rich-darker: #??????; */
    /* --c-primary-rich-darkest: #??????; */
    /* --c-primary-rich-ultra-dark: #??????; */

    /* Secondary */
    /* --c-secondary-ultra-light: #??????; */
    --c-secondary-lightest: #e8edef;
    --c-secondary-lighter: #8da6b0;
    --c-secondary-light: #497080;
    --c-secondary: #1b4d60;
    --c-secondary-dark: #184456;
    --c-secondary-darker: #102e3a;
    /* --c-secondary-darkest: #0b1e26; */
    /* --c-secondary-ultra-dark: #??????; */

    /* Third */
    /* --c-third-ultra-light: #??????; */
    --c-third-lightest: #efecf5;
    --c-third-lighter: #afa0ce;
    --c-third-light: #6f53a7;
    --c-third: #1665b4;
    /* --c-third-dark: #563a8d; */
    /* --c-third-darker: #39265e; */
    /* --c-third-darkest: #261a3f; */
    /*  --c-third-ultra-dark: #??????; */

    /* Third rich */
    /* --c-third-rich-ultra-light: #??????; */
    /* --c-third-rich-lightest: #??????; */
    --c-third-rich-lighter: #b395ef;
    /* --c-third-rich-light: #??????; */
    /* --c-third-rich: #??????; */
    /* --c-third-rich-dark: #??????; */
    /* --c-third-rich-darker: #??????; */
    /* --c-third-rich-darkest: #??????; */
    /* --c-third-rich-ultra-dark: #??????; */

    /* Fourth */
    /* --c-fourth-ultra-light: #??????; */
    /* --c-fourth-lightest: #fefefd; */
    /* --c-fourth-lighter: #faf9f3; */
    /* --c-fourth-light: #f7f5ec; */
    --c-fourth: #f5f3e7;
    --c-fourth-dark: #dddbd0;
    /* --c-fourth-darker: #93928b; */
    --c-fourth-darkest: #62615c;
    /* --c-fourth-ultra-dark: #??????; */

    /* Success */
    /* --c-success-ultra-light: #; */
    --c-success-lightest: #f6fffb;
    --c-success-lightest-hover: rgb(220, 250, 241);
    /*    --c-success-lighter: #88cebc; */
    --c-success-light: #27d868;
    --c-success: #22c55e;
    /*  --c-primary-dark: #329d82; */
    --c-success-darker: #1ea750;
    --c-success-darkest: #17813e;
    /*    --c-success-ultra-dark: #;  */

    /* Info */
    /*  --c-info-ultra-light: #??????; */
    --c-info-lightest: #edf7fd;
    --c-info-lighter: #cde9f9;
    --c-info-light: #8fcdf3;
    --c-info: #4dafec;
    --c-info-dark: #459ed4;
    --c-info-darker: #2e698e;
    /* --c-info-darkest: #1f465e; */
    /* --c-info-ultra-dark: #??????; */

    /* Warning */
    /*  --c-warning-ultra-light: #??????; */
    --c-warning-lightest: #fff9e8;
    --c-warning-lighter: #fdebad;
    --c-warning-light: #fcd860;
    --c-warning: #ffc81c;
    /* --c-warning-dark: #e2b319; */
    /* --c-warning-darker: #977711; */
    /* --c-warning-darkest: #64500b; */
    /* --c-warning-ultra-dark: #??????; */

    /* Danger */
    /* --c-danger-ultra-light: #??????; */
    --c-danger-lightest: #fff1ee;
    --c-danger-lighter: #ffb7ac;
    --c-danger-light: #ff7d6a;
    --c-danger: #ff6f59;
    --c-danger-dark: #e66450;
    --c-danger-darker: #994335;
    /* --c-danger-darkest: #662c24; */
    /* --c-danger-ultra-dark: #??????; */

    /* Danger rich  */
    /* --c-danger-rich-ultra-light: #??????; */
    /* --c-danger-rich-lightest: #??????; */
    /* --c-danger-rich-lighter: #??????; */
    /* --c-danger-rich-light: #??????; */
    /* --c-danger-rich: #??????; */
    --c-danger-rich-dark: #e3341a;
    /* --c-danger-rich-darker: #??????; */
    --c-danger-rich-darkest: #880000;
    /* --c-danger-rich-ultra-dark: #??????; */

    /* ESG COLORS ------IMPORTANT ------ these should only be used for things related to ESG */
    /* Environmental */
    /* --c-environmental-ultra-light: #??????; */
    /* --c-environmental-lightest: #f8fcf4; */
    /* --c-environmental-lighter: #dbeec9; */
    /* --c-environmental-light: #bde09d; */
    --c-environmental: #b6dc92;
    /* --c-environmental-dark: #a4c683; */
    /* --c-environmental-darker: #6d8458; */
    /* --c-environmental-darkest: #49583a; */
    /* --c-environmantal-ultra-dark: #??????; */

    /* Social */
    /* --c-social-ultra-light: #??????; */
    /* --c-social-lightest: #fdfaf3; */
    /* --c-social-lighter: #f6e8c5; */
    /* --c-social-light: #efd597; */
    --c-social: #edd08b;
    /* --c-social-dark: #d5bb7d; */
    /* --c-social-darker: #8e7d53; */
    /* --c-social-darkest: #5f5338; */
    /* --c-social-ultra-dark: #??????; */

    /* Governance */
    /* --c-governance-ultra-light: #??????; */
    /* --c-governance-lightest: #f1f7fb; */
    /* --c-governance-lighter: #b7d8ed; */
    /* --c-governance-light: #7db9df; */
    --c-governance: #6eb1db;
    /* --c-governance-dark: #639fc5; */
    /* --c-governance-darker: #426a83; */
    /* --c-governance-darkest: #2c4758; */
    /* --c-governance-ultra-dark: #??????; */

    /* Specialized colors */

    /* Esgaia green */
    --c-esgaia-green: #38ae90;

    /* Label gray  */
    --c-label-gray: #525252;

    /* .esgaia-btn &.gray, &.grey */
    --c-esgaia-btn-gray-hover: #f4f4f4;
    --c-esgaia-btn-gray: #eaeaea;

    /* sidenav(settings) links on hover */
    --c-side-nav-hover-gray: #eeeeee;

    /* PDF background circles */
    --c-pdf-big-circle: #fafcff;
    --c-pdf-small-circle: #f7fbff;

    /* Admin role border */
    --c-admin: #5f409d;

    /* Progress bar neutral */
    --c-progress-bar: #5f8290;

    /* FONTS ----- FONTS ----- FONTS ----- FONTS ----- FONTS ----- FONTS ----- FONTS ----- FONTS ----- FONTS ----- FONTS ----- FONTS ----- FONTS  ----- FONTS  ----- FONTS */
    /* Font family  */
    --ff-primary: 'TTCommonsClassic', 'Open Sans', sans-serif; /* Glass Lewis */
    --ff-primary-semi-bold: 'Open Sans-SemiBold', sans-serif; /* Esgaia: 'Montserrat-SemiBold', sans-serif; */
    --ff-three-regular: 'FuturaPT-Book', 'Open Sans', sans-serif; /*  Esgaia: 'Roboto', sans-serif */
    --ff-secondary-regular: 'TTCommonsClassic', 'Open Sans', sans-serif; /*  Esgaia: 'Lato', sans-serif */
    /* --ff-three-regular: 'Open Sans', sans-serif; */ /*  Esgaia: 'Roboto', sans-serif */
    --ff-primary-headlines: 'FuturaPT-Book', sans-serif; /* Glass Lewis */

    /* Font weight */
    --fw-h3: 400;
    --fw-h4: 400;
    --date-header-fw: 500;

    /* OTHER STYLING ----- OTHER STYLING ----- OTHER STYLING ----- OTHER STYLING ----- OTHER STYLING ----- OTHER STYLING ----- OTHER STYLING ----- OTHER STYLING */
    /* Logo */
    --logo-size: 150px;
    --logo-padding-top: 25px;

    /* Login page */
    --login-form-h4-font-weight: 400;
    --login-page-background-color: #fbfaf4;
    /* --login-page-background-color: linear-gradient(135deg, #fbfaf4 0%, #fdfcf9 60%, #ffffff 100%); */
    --login-btn-border-radius: 2rem;
    --login-background-img: none !important;
    --btn--btn-login-border-radius: 2rem;
    --invalid-feedback-fw: 700;

    /*Top nav styling */
    --c-top-nav-background: #ffffff;
    --c-top-nav-page-title: #3f5765;
    --c-top-nav-ph-no-capture: #3f5765;
    --c-top-nav-user-menu-links: #254e58;

    /* Notifications */
    --c-top-nav-notifications-hover: #fcfcfc;
    --c-top-nav-notifications-text: #aabfcd;
    --c-notifications-amount-circle-border: #3f5765;
    --c-notifications-bell-unread: #e6e6e6;

    /* Create button styling */
    --c-create-btn-bg: #1365b4;
    --c-create-btn: #ffff;
    --create-btn-border-radius: 15px;
    --create-btn-padding: 5px 0px 5px 0px;
    --c-create-btn-box-shadow: none;

    /* Site search */
    --site-search-component-in-focus-box-shadow: none;
    --site-search-border-radius: 4px;
    --site-search-border: 1px solid #bbb;

    /* Sidebar styling */
    --c-sidebar: #ffffff;
    --z-index-side-menu: 95;

    /* Workplace styling */
    --c-org-bg: none;
    --org-border: 0px solid #bbb;
    --org-border-radius: 4px;
    --c-org-box-shadow: none;
    --org-logo-border: 1px solid #dee1e2;
    --org-switch: 1px;
    --org-padding: 4px;
    --org-top: 4px;

    /* Box styling */
    /* --c-box-shadow: 0px 1px 4px #e1e1e1; before */
    --c-box-shadow: 0px 1px 4px #ededed; /* new alternative */
    --box-border: 1px solid #e5e7eb; /* new alternative */
    /* --box-border: none; */
    /* --box-border-radius: 12px; */
    --box-border-radius: 1rem;
    --about-border-radius: 0px;

    /* Search inputs */
    --search-input-small-border-radius: 4px;
    --c-search-input-small-border: 1px solid #dfdfdf;

    /* Form control */
    --c-form-border: #dfdfdf;
    --form-border-radius: 4px;

    /* Tooltip */
    --tooltip-font-weight: 600;

    /* Date inputs */
    --c-date-border: #dfdfdf;

    /* Esgaia select */
    --c-select-border: #dfdfdf;
    --select-border-radius: 4px;

    /* Multiselect */
    --c-multi-border: #dfdfdf;
    --multi-border-radius: 4px;
    --multiselect-fs: 14px;
    --multiselect-selected-fw: 500;

    /* Button styling */
    --btn-border-radius: 3.125rem;
    --btn-small-border-radius: 3.125rem;
    --c-btn-primary: var(--c-vibrant-royal-blue-90); /* #1371c0 */
    --c-btn-primary-hover: var(--c-vibrant-royal-blue-70); /* same as --c-btn-primary */
    --c-btn-primary-disabled: var(--c-vibrant-royal-blue-50); /*  (0.5 opacity of #1f97d1)*/
    --btn-individual-style-border-radius: 3.125rem;

    /* Toggle btn active */
    --c-btn-toggle-active: #1f97d1;

    /* User circle */
    --c-user-hover: #0188cc;

    /* Onboarding - Guides */
    --guides-border-radius: 4px;
    --fw-strong-and-links: 600;

    /* Deadline list */
    --c-deadline-border: #dfdfdf;
    --deadline-border-radius: 0.7rem;
    --c-engagement-deadline: var(--c-vibrant-royal-blue-100);
    --c-objective-deadline: var(--c-vibrant-royal-blue-40);
    --c-activity-followup: var(--c-burnt-orange-100);

    /* Calendar */
    --fw-month-nav-item: 400;
    --fw-day-number: 400;
    /* Timeline */
    --timeline-border-radius: 4px;

    /* Activity styling */
    --c-activity-box-shadow: none;
    --activity-border: 1px solid #dfdfdf;
    --activity-border-radius: 4px;

    /* Objectives styling */
    --c-obj-box-shadow: none;
    --obj-border: 1px solid #dfdfdf;
    --obj-border-radius: 4px;
    --c-edit-obj-border: #dfdfdf;
    --obj-eng-border: 1px solid #dfdfdf;
    --c-obj-hover-box-shadow: none;
    --c-obj-hover: #f8f8f8;
    --c-obj-bullet-box-shadow: none;
    --obj-bullet-border-radius: 4px;
    --c-obj-title-border: #dfdfdf;

    /* Voting styling */
    --c-voting-box-shadow: none;
    --voting-border: 1px solid #dfdfdf;
    --voting-border-radius: 8px;

    /* Company select component */
    --search-company-border-radius: 4px 4px 0 0;
    --c-select-company-box-shadow: none;
    --c-select-company-border: 1px solid #dfdfdf;
    --c-select-company-single-company-border-radius: 4px;

    /* Engagement numbers */
    --engagement-numbers-percentage-margin-left: -14px;

    /* Settings styling */
    --settings-border-radius: 4px;

    /* Help section */
    --c-help-search: #ebf5fa;
    --c-question: #ebf5fa;

    /* Advanced filter button */
    --c-advanced-filter-btn: #f4f4f6;
    --c-number-dot: #aeaeae;

    /* File upload */
    --fw-span-file-upload: 600;

    /* Watch btn  */
    --watch-btn-border-radius: 3px;

    /* settings branding colors */
    --c-color-square-box-shadow: 0px 2px 10px #e7e7e7;
}