:root{

    /* COLORS */
    --color-black: #111111;
    --color-white: #ffffff;

    --color-primary: #79a56f;
    --color-primary-hover: #6f9666;

    --text-primary: #1a1a1a;
    --text-secondary: #5f5f5f;

    /* FONTS */
    --font-serif: "Cormorant Garamond", serif;
    --font-sans: "Inter", sans-serif;

    /* LAYOUT */
    --container-width: 1280px;
    --container-narrow: 980px;

    --header-height: 96px;

    /* SPACING */
    --section-spacing: clamp(5rem, 10vw, 9rem);

    /* TRANSITIONS */
    --transition: 300ms ease;

    /* BORDER RADIUS */
    --radius-full: 999px;

}