:root {
    --color-1: #efde42;
    --color-2: #f2e99b;

    --grey: #898889;
    --light-grey: #413f42;
    --dark: #d0d0d0;

    --white: #1d1b1e;
    --black: #f4f4f4;

    --danger: #ef593e;
    --info: #3ea8ef;
    --success: #a8ef3e;
    --warning: #ef593e;
    --luxury: #6a4380;

    --body-bg: var(--white);
    --body-color: var(--black);
    --font-weight: 400;
    --heading-font-weight: 500;
    --font-size-mobile: 12px;
    --font-size-desktop: 16px;
    --font-family: "Roboto";
    --font-family-headers: "Oswald";

    --color-1-rgb:150, 148, 148;
    --color-2-rgb:112, 119, 163;
    --dark-rgb: 74, 78, 109;
    --grey-rgb: 204, 204, 204;
    --white-rgb: 255, 255, 255;
    --danger-rgb: 204, 58, 58;
    --info-rgb: 17, 145, 184;
    --success-rgb: 10, 191, 164;
    --warning-rgb:189, 160, 106;
    --luxury-rgb:106, 67, 128;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-family-headers);
}

.material-symbols-rounded {
    font-variation-settings:
        'FILL' 0,
        'wght' 200,
        'GRAD' 0,
        'opsz' 24;
}