/* COLOR PALETTE */
:root {
    /* GOBAL COLORS */
    --primary-color-dm: #283044;
    --primary-color-lm: #fdfaf5;
    --secondary-color-dm: #1e2535;
    --secondary-color-complement-dm: #1a1f2c;
    --secondary-color-lm: #74B3CE;
    --secondary-color-complement-lm: #74A0B3;
    --terciary-color: #FF7D00;
    --terciary-color-complement: #E77000;
    --global-outline: 1px solid gray;

    /* OVERLAYS */
    --overlay-strong-background-color: rgba(0, 0, 0, 0.9);
    --overlay-medium-background-color: rgba(0, 0, 0, 0.75);
    --overlay-light-background-color: rgba(0, 0, 0, 0.5);
    
    /* ALERT BOXES */
    --alert-box-danger: #d64242;
    --alert-box-success: #34c240;
    --alert-box-warning: #fa9f47;
    --alert-box-info: #0090e0;
    --alert-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    
    /* BUTTONS */
    --button-primary: #29cf60;
    --button-primary-outline: #1c863f;
    --button-primary-hover: #1cb54f !important;
    --button-primary-outline-hover: #1c863f !important;
    --button-primary-disabled: #9fddb3 !important;
    --button-primary-disabled-font: gray;

    --button-secondary: #C20114;
    --button-secondary-outline: #990110;
    --button-secondary-hover: #d60c20 !important;
    --button-secondary-outline-hover: #990110 !important;
    --button-secondary-disabled: #eb4f5f !important;
    --button-secondary-disabled-font: white;

    --button-terciary: #FF7D00;
    --button-terciary-outline: #e97100;
    --button-terciary-hover: #E77000 !important;
    --button-terciary-outline-hover: #e97100 !important;
    --button-terciary-disabled: #caa17a !important;
    --button-terciary-disabled-font: white;

    /* FORM COLORS */
    --checkbox-border: 2px solid #CCC;
    --checkbox-checked: #29cf60;

    /* MISCELLANEOUS CONTENT */
    --dropdown-menu-shadow: 0 2px 5px rgba(0,0,0,0.2);
    --scrollbar-color: #CCC;
    --scrollbar-corner-color: #F2F2F2;
    --app-body-color: #2D313D;
}