@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/* *SECTION - Variable */
:root{
  
    --font-sans-serif: "Noto Sans TC";

    --font-size-17: clamp(1rem, calc(0.979rem + 0.093vw), 1.063rem);
    --font-size-18: clamp(1rem, calc(0.958rem + 0.185vw), 1.125rem);
    --font-size-h1: clamp(3.25rem, calc(3.207rem + 0.217vw), 3.375rem);
    --font-size-h1-node: clamp(1.625rem, calc(1.495rem + 0.652vw), 2rem); /* min: 26px, max: 32px */
    --font-size-h2: clamp(1.625rem, calc(1.563rem + 0.208vw), 1.75rem);
    --font-size-h2-node: clamp(1.875rem, calc(1.832rem + 0.217vw), 2rem);
    --font-size-h3: clamp(1.625rem, calc(1.582rem + 0.217vw), 1.75rem);
    --font-size-h4: clamp(1.375rem, calc(1.332rem + 0.217vw), 1.5rem);
    --font-size-h5: clamp(1.125rem, calc(1.082rem + 0.217vw), 1.25rem);
    --font-size-h6: clamp(1.063rem, calc(1.041rem + 0.109vw), 1.125rem);
    
    --color-text: #231815;
    --color-text-light: #424242;
    --color-bg: #FFF9F0;
    --color-bg-footer: #231815;
    --color-yellow: #F2E126;
    --color-yellow-darker: #F0DD0E;
    --color-raptor: #724832;
    --color-raptor-darker: #603D2A;
    --color-sky: #2EA9DF;
    --color-leaf: #86C166;
    --color-gray: #ECEFF1;

}
  
/* *!SECTION */

/* .alert-wrapper{
    display: none; 
 }
  */