@import url("https://fonts.googleapis.com/css2?family=Fira+Sans&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Mulish&display=swap");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");

:root {
    --color-primary: #ff4f2e;
    --color-primary-hover: #fa2700;
    --color-secondary: #75d4fa;
    --color-secondary-hover: #2bc8f6;
    --color-accent: #27406c;
    --color-background: #1b243d;
    --color-off-white: #fbfaf9;
    --color-dark-blue: #000414;
    --color-dark-grey: #2b2f43;
    --color-border: #364971;

    --radius-input: 2px;
    --color-background-disabled: #494a4b;
    --color-input-disabled: #d9d9d9;
    --radius-small-ui: 8px;
    --radius-card: 0.25rem;
    --field-spacing: 0.5rem;
    --color-warm-grey: #e5e1e3;

    --font-sans: sans-serif;
    --opacity: 0.5;
}