:root {
    /* fonts */
    --font-family-base: "Geologica";
    --font-family-alt: "Poppins";

    /* colors */
    --color-black: #000000;
    --color-white: #ffffff;
    --color-red-600: #c13757;
    --color-red-600-rgb: 193, 55, 87;
    --color-blue-600: #3b8197;
    --color-blue-600-rgb: 59, 129, 151;
    --color-purple-600: #754b93;
    --color-purple-600-rgb: 117, 75, 147;
    --color-yellow-600: #e0e31c;
    --color-yellow-600-rgb: 224, 227, 28;
    --color-gray-100: #f2f3f7;
    --color-gray-200: #e5e5e5;
    --color-gray-500: #808080;

    /* sizes */
    --border-radius-sm: 6px;
    --border-radius-md: 16px;
    --padding-inline-24: 24px;

    /* other */
    --transition-duration: 0.2s;

    --color-link: var(--color-blue-600);
    --color-header-menu-link: var(--color-blue-600);
    --color-header-menu-link-hover: var(--color-purple-600);
    --color-header-menu-link-focus: var(--color-purple-600);
    --color-header-menu-link-active: var(--color-purple-600);
}