:root {
    --main-color-pri: #000000;
    --main-color-sec: #FFF100;
    --main-color-bl: #515151;
    --main-color-rd: #515151;
    --bg-color-white: #FFFFFF;
    --bg-color-1: #F4F4F4;
    --bg-color-2: #515151;
    --bg-color-3: #000000;
    --bg-color-4: #E5E5E5;
    --text-color-white: #FFFFFF;
    --text-color-main: #515151;
    --text-color-1: #AAAAAA;
    --text-color-2: #333333;
    --btn-default-color: #FFFFFF;
    --btn-default-color-hover: #F4F4F4;
    --btn-main-color: #000000;
    --btn-main-color-hover: #333333;
    --btn-sec-color: #000000;
    --btn-sec-color-hover: #333333;
    --border-color-1: #E5E5E5;
    --border-color--2: #AAAAAA;
    --lv1-gradient: linear-gradient(to right, #AAAAAA, #515151);
    --lv2-gradient: linear-gradient(to right, #E5E5E5, #AAAAAA);
    --lv3-gradient: linear-gradient(to right, #FFF100, #AAAAAA);
    --lv4-gradient: linear-gradient(to right, #333333, #000000);
    --lv5-gradient: linear-gradient(to right, #515151, #000000);
    --people-filter-bg: #FFFFFF;
    --people-filter-border: transparent;
    --people-filter-text: #17181A;
    --people-filter-btn: #101010;
    --people-filter-btn-hover: #444444;
    --people-filter-btn-disabled: transparent;
    --people-filter-border-disabled: transparent;
    --people-filter-icon:#FFFFFF;   /* 深色按鈕上的白色 +/− 圖示 */
    --people-filter-icon-hover: #FFFFFF;
    --people-filter-icon-disabled: #BFBFBF;

    --status-danger: #D02121;
    --status-success: #178F25;

    --toast-bg-defualt: rgba(0, 0, 0, .7);
    --toast-bg-success: #178F25;
    --toast-bg-danger: #D02121;
    --toast-bg-warning: #C68A3F;

    --calendar-web-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.35);
    --calendar-week-color: #AAAAAA;
    --calendar-submit-color: #FFFFFF;
    --calendar-submit-bg: #000000;
    --calendar-submit-bg-hover: #FFF100;
    --calendar-day-color: #515151;
    --calendar-day-color-today: #000000;
    --calendar-day-color-active: #FFFFFF;
    --calendar-day-bg-active: #000000;
    --calendar-day-bg-active-hover: #333333;
    --calendar-day-color-disabled: #AAAAAA;
    --calendar-day-during-bg: rgba(255, 241, 0, 0);
    --calendar-day-color-picked: #F4F4F4;
    --calendar-day-color-holiday: #2D6FEA;
    --calendar-day-dot-highlight: #FFF100;
    --calendar-web-bg-hover: #F4F4F4;
    --calendar-error-bg: #F4F4F4;

    --font-base: 'Roboto', sans-serif;
    --font-deco: 'Titillium Web', sans-serif;
    --font-doc: 'Titillium Web', sans-serif;
    --c-yellow: #FFF100;
    --c-black: #000000;
    --c-text: #515151;
    --c-heading: #000000;
    --c-muted: #AAAAAA;
    --c-line: #E5E5E5;
    --c-bg-soft: #F4F4F4;
    --text-color-heading: #000000;
    --text-color-nav: #333333;
    --bg-dark-1: #000000;
    --border-color-nav: #343434;
    --header-h: 74px;
    --header-h-mobile: 70px;
    --radius: 5px;
}