:root {  --color-primary: #6bc63d;
--color-primary-hover: #498a29;
--color-primary-light: #96d675; --color-action: #d33216;
--color-action-hover: #a22611;
--color-action-light: #f39b8c; --color-base: #12243b;
--color-base-light: #9dbbe1; --section-padding-x: 3rem; --section-padding-y: 8rem; --button-radius: 1rem; --card-radius: .5rem; --card-padding: 1rem; --gap: 2rem; --content-gap: 2.5rem;  --font-size: 1.125rem;
h1: 2rem;
--h2: 5rem;
--h3: 3.5rem;
--h4: 2.5rem;
--h5: 1.5rem;
--h6: 1.2rem;
}