:root{
    color-scheme: dark;

    /** var*/
    --body-bg-color:var(--navyBlack);

    --text-color:var(--blue50);

    --select-bg-color:var(--gray700);
    --select-text-color:var(--white);
    --select-border-color:var(--blue500);
    --button-text-color:var(--blue50);
    
    --asdie-bg-color:var(--richBlack);


    --textarea-bg-color:var(--darkGray); /* 입력창 내부 배경색 (darkGray) */
    --textarea-text-color:var(--blue50); /** offwhite*/
    --textarea-border-color:var(--gunmetal);  /* 기본 상태의 테두리 선 (gunmetal) */
    --textarea-placeholder-color:var(--textMuted);/* "여기에 프롬프트 입력" 글자색 (textMuted) */
    --textarea-focus-border-color:var(--googleBlue); /* 마우스를 클릭해 포커스 되었을 때의 테두리 선 (googleBlue) */


    --article-bg-color:var(--deepBavy);

    --input-bg-color:var(--blueGray800);
    --input-text-color:var(--amber900);
    --input-border-color:var(--blueGray300);

    --section-bg-color:var(--darkGray);
    --box-shadow:  #ffffff14 0px 0.9px 4px, #ffffff0f 0px 2.6px 8px, #ffffff0d 0px 5.7px 12px, #ffffff0a 0px 15px 15px;
    --box-shadow-l4: 0 4px 16px rgba(0, 0, 0, 0.4);
    --box-shadow-l5: 0 12px 32px rgba(0, 0, 0, 0.6);
    
    --border-color:var(--blueGray800);

    --button-active-bg-color:var(--blueGray500);
    

    --li-active-bg-color:var(--gunmetal);


}