@import url('https://use.typekit.net/veu7hvz.css');

:root {
    /* Names colors */
    --color--white: #ffffff;
    --color--light-grey: #f4f4f4;
    --color--dark-grey: #5c6063;

    /* Theme colors */
    --color--brand: #003b5c;

    /* Fonts */
    --font: 'mr-eaves-sans', sans-serif;

    /* Border Radius */
    --border-radius: 0px;
    --border-radius--button: 2rem;

    /* Filters */
    --drop-shadow: drop-shadow(0px 3px 16px rgba(0, 0, 0, 0.25));

    /* Button colors */
    --button-bg--primary: var(--color--brand);
    --button-text--primary: var(--color--white);
    --button-icon--primary: var(--color--white);
    --button-bg--white: var(--color--white);
    --button-text--white: var(--color--brand);
    --button-icon--white: var(--color--brand);
    --button-bg--grey: var(--color--light-grey);
    --button-text--grey: var(--color--dark-grey);
    --button-icon--grey: var(--color--brand);

    /* QR Code colors */
    --color--qrcode: var(--color--brand);
}