/* Fallback Fonts waiting for the actual fonts*/
@import url('https://fonts.googleapis.com/css2?family=Domine:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Domine:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@500&display=swap');

:root {

    /* fonts */
    --bs-body-font-family: 'Circular Std', 'Figtree';
    --bs-heading-font-family: 'Surveyor Text', 'Domine';

    /* Colors */
    --midnight: #002531;
    --marine: #075f70;
    --color-darkslategray-100: #005f70;
    --color-darkslategray-200: #424240;
    --quartz: #333;
    --color-black: #000;
    --quartz-8: #f7f7f7;
    --quartz-12: #f3f3f2;
    --robin-egg: #8eb7b7;
    --gold-xlt: #fdf4e3;
    --quartz-55: #a7a6a0;
    --gold-dk: #d38c02;
    --lilac-gray-dk: #9091af;
    --lilac-gray-xlt: #dfdfe4;
    --quartz-70: #767470;
    --lilac-gray-lt: #c7c7d5;
    --robin-egg-xlt: #ecfcfc;
    --gold-lt: #FCF1CF;
    --bs-border-radius: 20rem;
}

.navbar {
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%287, 95, 112, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}