:root[light], :root{

    color-scheme: light;


    --body-bg-color:var(--white);
    --text-color:var(--gray900);

    --select-bg-color:var(--white);
    --select-text-color:var(--blueGray500);
    --select-border-color:var(--blue500);

    --button-text-color:var(--gray900);

    --textarea-bg-color:var(--blue50);
    --textarea-text-color:var(--blue900);
  
    --article-bg-color:var(--blueGray50);
    --section-bg-color:var(--white);
    
    --box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    --box-shadow-l4: 0 2px 8px rgba(0, 0, 0, 0.08);
    --box-shadow-l5: 0 8px 24px rgba(0, 0, 0, 0.16);

    --border-color:var(--blueGray100);

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

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

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

}