:root {--black: #000;--white: #fff;--gray: #767676;--light-gray: #e4e4e4;--primary-color: #D79827;--accent-color: #00495B;--gap-8: 0.8rem;--gap-16: 1.6rem;--gap-24: clamp(2rem, 0.462vw + 1.809rem, 2.4rem);--gap-32: clamp(1.6rem, 1.848vw + 0.835rem, 3.2rem);--gap-48: clamp(3.2rem, 1.848vw + 2.435rem, 4.8rem);--gap-64: clamp(4.8rem, 1.848vw + 4.035rem, 6.4rem);--gap-80: clamp(6.4rem, 1.848vw + 5.635rem, 8rem);--gap-96: clamp(8rem, 1.848vw + 7.235rem, 9.6rem);--gap-120: clamp(9.6rem, 2.771vw + 8.453rem, 12rem);--text-h1: clamp(5rem, 1.617vw + 4.331rem, 6.4rem);--text-h2: clamp(4.2rem, 1.155vw + 3.722rem, 5.2rem);--text-h3: clamp(3.6rem, 0.693vw + 3.313rem, 4.2rem);--text-h4: clamp(3rem, 0.231vw + 2.904rem, 3.2rem);--text-h5: clamp(2.4rem, 0.231vw + 2.304rem, 2.6rem);--text-h6: clamp(2rem, 0.115vw + 1.952rem, 2.1rem);--text-base: 1.7rem;--text-small: 1.4rem;--text-micro: 1.1rem;--primary-dark-100: #c28923;--primary-dark-200: #ac7a1f;--primary-dark-300: #976a1b;--primary-dark-400: #815b17;--primary-dark-500: #6c4c14;--primary-dark-600: #563d10;--primary-dark-700: #402e0c;--primary-dark-800: #2b1e08;--primary-dark-900: #150f04;--primary-light-100: #dba23d;--primary-light-200: #dfad52;--primary-light-300: #e3b768;--primary-light-400: #e7c17d;--primary-light-500: #ebcc93;--primary-light-600: #efd6a9;--primary-light-700: #f3e0be;--primary-light-800: #f7ead4;--primary-light-900: #fbf5e9;--theme-yellow: #F6CD46;--transition: 200ms ease-in;}