:root {
    --max-content-width: 1920px;
    --height-s: 12vh;
    --unit-pixel:8px;
    --font-h1: calc(1.5*clamp(4rem, calc(1.926rem + 1.311vw), 5rem));
    --font-h2: calc(1.5*clamp(2.00rem, calc(1.426rem + 1.311vw), 3.00rem));
    --font-xl: clamp(1.50rem, calc(1.213rem + 0.656vw), 2.00rem);
    --font-l: clamp(1.25rem, calc(0.963rem + 0.656vw), 1.75rem);
    --font-m: clamp(1.00rem, calc(0.713rem + 0.656vw), 1.25rem);
    --font-s: clamp(0.75rem, calc(0.463rem + 0.656vw), 1.25rem);
    --font-xs: clamp(0.50rem, calc(0.213rem + 0.656vw), 1.00rem);
    --spacing-xl: 32px;
    --spacing-l: 24px;
    --spacing-m: 16px;
    --spacing-s: 8px;
    --spacing-xs: 4px;
    --icon-unit:8px;
    --round-border: 10px;
    --welcome-font-style : 'Tangerine-Regular';
    --title-font-style: 'Tangerine-Regular';
    --inter-title-font:'Inter-Regular';
    --main-font-style: 'LibreBaskerville-Regular';
    --secondary-font-style: 'DarkerGrotesque-Regular';
    --hover-rose: #B8941E;
    --hover-rose-secondary: #D4AF37;
    --content-height-unit: 128px;
    --neutral-background: white;
    /* Gold color palette */
    --gold-primary: #D4AF37;
    --gold-light: #F4E5C3;
    --gold-dark: #B8941E;
    --gold-50: #FFFDF7;
    --gold-100: #FEF9E7;
    /* card-unit */
    --info-s:160px;
    --info-m:240px;
    --info-l:320px;
    --info-xl:420px;
}