:root{
    --project-name: 판판대로;

    --bg-primary: #E6EEEE;
    --border-color: #717171 !important;

    --color-primary: #075D5D;
    --color-secondary: #097C7C ;
    --color-point: #FF3600;

    --color-base:#1D1D1D;
    --color-white: #fff;
    --color-black: #000;

    --color-primary-10: #EFFAFA;
    --color-primary-20: #D3EEEE;
    --color-primary-30: #BFDDDD;
    --color-primary-40: #054646;
    --color-primary-50: #0F3939;
    --color-gray-5: #F8F8F8;
    --color-gray-10: #F0F0F0;
    --color-gray-20: #E4E4E4;
    --color-gray-30: #D8D8D8;
    --color-gray-40: #C6C6C6;
    --color-gray-50: #8E8E8E;
    --color-gray-60: #666666;
    --color-gray-70: #555555;
    --color-gray-80: #2D2D2D;
    --color-gray-90: #1D1D1D;

    --bg-readOnly: #D8D8D8;
    --color-danger: #E71825;
 
    --color-secondary-5: #EDF1F5;
    --color-secondary-10: #CDD7E4;
    --color-secondary-20: #B4C4D6;
    --color-secondary-30: #99B0CB;
    --color-secondary-40: #2A5C96;
    --color-secondary-50: #2567B0;
    --color-secondary-60: #002B5E;
    --color-secondary-70: #002046;
    --color-secondary-80: #00162F;
    --color-secondary-90: #000B17;
    --color-point-5: #FDF2F3;
    --color-point-10: #FAD1D3;
    --color-point-20: #F5A3A8;
    --color-point-30: #F1747C;
    --color-point-40: #EC4651;
    --color-point-50: #E71825;
    --color-point-60: #B9131E;
    --color-point-70: #8B0E16;
    --color-point-80: #5C0A0F;
    --color-point-90: #2E0507;

    --color-input: #555;
    --color-placeholder: #8E8E8E;
    --bg-input: #fff;

    /* scrollbar */
    --scrollbar-bg-track: #fff;
    --scrollbar-bg-thumb: rgba(0, 0, 0, 0.6);
    --scrollbar-width: 6px;
    --scrollbar-height: 6px;
    --scrollbar-border-radius: 6px;

    /* SWIPER */
    --swiper-theme-color: #007aff;
    --swiper-navigation-size: 44px;
    --swiper-navigation-top-offset: 50%;
    --swiper-navigation-sides-offset: 10px;
    --swiper-navigation-color: var(--swiper-theme-color);
    --swiper-pagination-color: #0060BB;
    --swiper-pagination-left: 0;
    --swiper-pagination-right: auto;
    --swiper-pagination-bottom: 15px;
    --swiper-pagination-top: auto;
    --swiper-pagination-progressbar-bg-color: rgba(0, 0, 0, 0.25);
    --swiper-pagination-progressbar-size: 4px;
    --swiper-pagination-bullet-size: 8px;
    --swiper-pagination-bullet-width: 8px;
    --swiper-pagination-bullet-height: 8px;
    --swiper-pagination-bullet-inactive-color: #ccc;
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-pagination-bullet-opacity: 1;
    --swiper-pagination-bullet-horizontal-gap: 4px;
    --swiper-pagination-bullet-vertical-gap: 6px;
    --swiper-pagination-bullet-border-radius: 10px;
    --swiper-scrollbar-border-radius: 10px;
    --swiper-scrollbar-top: auto;
    --swiper-scrollbar-bottom: 0;
    --swiper-scrollbar-left: auto;
    --swiper-scrollbar-right: 0;
    --swiper-scrollbar-sides-offset: 0%;
    --swiper-scrollbar-bg-color: #ECECEC;
    --swiper-scrollbar-drag-bg-color: #D4D4D4;
    --swiper-scrollbar-size: 10px;
}