:root {
    --accent-1: #A89256FF;
    --accent-1-dark: #685521FF;
    --accent-light: #B5A270FF;
    --accent-light-2: #C0B38FFF;
    --blue-1: #1E5C99FF;
    --light-blue-1: #158CC7FF;
    --light-blue-1-80: #158CC7cc;
    --light-blue-1-50: #158CC780;
    --primary: #142D66FF;
    --primary-90: #193065e6;
    --primary-80: #142D66cc;
    --primary-50: #142D6680;
    --secondary: #1AD9FFFF;
    --secondary-dark: #05697DFF;
    --secondary-light: #9DE2EFFF;
    --secondary-light-2: #CAEDF4FF;
    --secondary-light-2-40: #caedf466;

    --text-color: #171818FF;
    --text-color-80: #171818cc;
    --text-color-light: #FFFFFF;
    --text-color-light-80: #ffffffcc;
    --text-color-light-2: var(--secondary-light-2);

    --font-size-x-small: 0.75rem;
    --font-size-small: 0.875rem;
    --font-size-medium: 1rem;
    --font-size-large: 1.35rem;
    --font-size-x-large: 1.6rem;
    --font-size-xx-large: 1.8rem;
    --font-size-xxx-large: 2.3rem;
    --font-size-xxxx-large: 3rem;
    --font-size-xxxxx-large: 3.5rem;

    --max-width: 1200px;
    --max-width-narrow: 800px;
    --max-width-full: 100%;

    --grid-columns: 12;
    --grid-gap: 24px;
}