:root {

    --screen-tablet: 744px;
    --screen-pc: 1280px;


    --primary-color: #242056;
    /* 기본 라이트 모드 색상 변수 */
    --primary-background: #FFF;
    --secondary-background: rgba(241, 245, 249, 1);
    --tertiary-background: linear-gradient(90deg, rgba(36,32,86,0.9) 25%, rgba(36,32,86,0.6) 100%);
    --primary-active-background: #242056;


    --aside-background-color: #FFF;
    --header-background-color: #FFF;


    --primary-border: rgba(226, 232, 240, 1);
    --primary-active-border: #242056;



    --primary-box-shadow: 0 4px 8px -2px rgba(0,0,0,0.1);

    --font-color-100 : #F5F5F5;
    --font-color-200 : #E5E5E5;
    --font-color-300 : #D4D4D4;
    --font-color-400 : #A3A3A3;
    --font-color-500 : #757575;
    --font-color-600 : #525252;
    --font-color-700 : #404040;
    --font-color-800 : #262626;
    --font-color-900 : #171717;
    --font-color-white : #ffffff;
    --font-color-black : #000000;

    --font-active-color: #242056;




    --input-background-color: #FFF;
    --input-active-background-color: #f8f9fa;
    --input-border-color: rgba(226, 232, 240, 1);
    --input-active-border-color: #242056;




    --button-background-color: #FFF;
    --button-active-background-color: #242056;
    --button-border-color: rgba(203, 213, 225, 1);
    --button-active-border-color: #242056;
    --button-text-color: #334155;
    --button-active-text-color: #FFFFFF;

    --button-background-color-2: #242056;
    --button-active-background-color-2: #FFF;
    --button-border-color-2: #242056;
    --button-active-border-color-2: #242056;
    --button-text-color-2: #FFF;
    --button-active-text-color-2: #242056;


    --button-background-color-3: #E5E7EB;
    --button-active-background-color-3: #E5E7EB;
    --button-border-color-3: #E5E7EB;
    --button-active-border-color-3: #444;
    --button-text-color-3: #475569;
    --button-active-text-color-3: #475569;


    --tooltip-background: #4C1D95;
    --tooltip-font-color: #F5F5F5;
    --tooltip-box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1);
}

/*
@media (prefers-color-scheme: dark) {
	:root {
		--background-color: #121212;
		--text-color: #ffffff;
		--header-background-color: #1a1a1a;
		--button-background-color: #007bff;
		--button-text-color: #ffffff;
	}
}
*/