:root {
    --text: #4a4c55;
    --text-white: rgb(238, 238, 238);
    --background: #ffffff;
    --primary: #4278ff;
    --secondary: #1d3b77;
    --accent: #f1cc3a;
}

/*
grid-breakpoints:
  xs: 0,
  sm: 576px
  md: 768px
  lg: 992px
  xl: 1200px
  xxl: 1400px
*/



.text {
    color: var(--text);
    font-family: Inter;
}

.important-text {
    color: var(--text) !important;
    font-family: Inter !important;
}

.nav-link.active {
    color: var(--accent) !important;
}

.navbar a:hover {
    color: var(--accent);
}

.debug {
    border: 3px red dotted;
}

.page {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    min-height: 100vh;
    z-index: 0;
}

.col-primary {
    color: var(--primary);
}

.col-secondary {
    color: var(--secondary);
}

.col-accent {
    color: var(--accent);
}

.col-text {
    color: var(--text);
}

.col-white {
    color: white;
}

.col-text-white {
    color: var(--text-white);
}

body img {
    max-height: 90vh;
    max-width: 90vw;
}