:root {
    --g:159;

    --g-1st-100:hsla(var(--g), 87%, 37%, 1);
    --g-2nd-100:hsla(var(--g), 67%, 54%, 1);
    --g-3rd-100:hsla(var(--g), 45%, 66%, 1);
    --g-4th-100:hsla(var(--g), 75%, 26%, 1);
    --g-1st-002:hsla(var(--g), 87%, 37%, .2); /* body 背景*/
    --g-1st-006:hsla(var(--g), 87%, 37%, .6); /* section 背景*/
    
    --y:42;
    --y-1st-100:hsla(var(--y), 100%, 50%, 1);
    --y-2nd-100:hsla(var(--y), 84%, 41%, 1);
    --y-3rd-100:hsla(var(--y), 34%, 41%, 1);
    /*BUTTON*/
    
    --btn-outline-1:var(--g-3rd-100); /*BUTTON outlined hover 第2層*/
    --btn-filled-1:var(--g-4th-100); /*BUTTON filled hover 第2層*/
    --btn-filled-0:var(--g-1st-100); /*BUTTON filled hover 第0層*/

    --h:207;
    --h-1st-100:hsla(var(--h), 56%, 53%, 1);
    --h-1st-020:hsla(var(--h), 56%, 59%, .2);
    --h-2nd-100:hsla(var(--h), 82%, 68%, 1);
    --h-3rd-100:hsla(var(--h), 78%, 45%, 1);
    --h-4th-100:hsla(var(--h), 57%, 78%, 1);
 
    --b:237;
    --b-1st-100:hsla(var(--b), 74%, 78%, 1);


    --r:0;
    --r-1st-100:hsla(var(--r), 100%, 60%, 1);

    

    --white-100:hsla(0, 0%, 100%, 1);
    --white-070:hsla(0, 0%, 100%, .7);
    --white-040:hsla(0, 0%, 100%, .4);
    --white-015:hsla(0, 0%, 100%, .15);
    --white-000:hsla(0, 0%, 100%, 0);
    --black-100:hsla(0, 0%, 0%, 1);
    --black-070:hsla(0, 0%, 0%, .7);
    --black-060:hsla(0, 0%, 0%, .6);
    --black-040:hsla(0, 0%, 0%, .4);
    --black-000:hsla(0, 0%, 0%, 0);
  
    --gray-disable:#d0d0d0;
    --gray-1st:hsla(var(--g), 50%, 32%, 1); 
    --gray-2nd:hsla(var(--g), 8%, 65%, 1); /*給未被選擇的 input select 外框 底線*/
    --gray-3rd:hsl(var(--g), 11%, 90%);/*特殊線條*/
    --gray-4th:#e9e9e9;

    --shadow:hsla(var(--g), 20%, 26%, 1); /*給默認的陰影*

    --error:#fa5454;

    /*FONT*/
    --font-color-1:hsla(var(--g), 10%, 12%, 1); /*給默認的標題文字*/
    --font-color-2:hsla(var(--g), 7%, 35%, 1); /*給默認的內文字*/
  }