/* Colors */

/* 
Primary: #0057B8 Fun Blue
Secondary: #A6FF00 Green Yellow
*/

/* 'primary': {
    '50': '#ebf9ff',
    '100': '#d1f3ff',
    '200': '#aeeaff',
    '300': '#76e0ff',
    '400': '#35ccff',
    '500': '#07aaff',
    '600': '#0084ff',
    '700': '#006bff',
    '800': '#0059d7',
    '900': '#0057b8', //
    '950': '#063065',
} */

/* 'secondary': {
    '50': '#f9ffe4',
    '100': '#f0ffc4',
    '200': '#e0ff90',
    '300': '#c8ff50',
    '400': '#a6ff00', //
    '500': '#90e600',
    '600': '#6eb800',
    '700': '#538b00',
    '800': '#436d07',
    '900': '#395c0b',
    '950': '#1c3400',
} */

/* Fonts */

/* 
Display: Quart Outline
Headings: Quart
Body: Calibri
*/

/* Chrome, Edge, Safari */
::-webkit-scrollbar {
    width: 14px; /* Width of the scrollbar */
}

::-webkit-scrollbar-track {
    background: #f1f1f1; /* Track (background) color */
}

::-webkit-scrollbar-thumb {
    background: #0057b8; /* Scrollbar thumb (the draggable part) */
    border-radius: 6px; /* Optional: Rounded corners */
}

::-webkit-scrollbar-thumb:hover {
    background: #006bff; /* Hover state for the thumb */
}

/* Scrollbar colors for Firefox */
html {
    scrollbar-color: #0057b8 #f1f1f1; /* Thumb color and track color */
    scrollbar-width: thin; /* Options: auto, thin, none */
}

/* Remove Input Arrows */
/* For Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* For Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

@font-face {
    font-family: 'quart-outline';
    src: url('../fonts/Quart-Outline.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'quart';
    src: url('../fonts/Quart-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'carlito';
    src: url('../fonts/carlito-regular-webfont.ttf'),
        url('../fonts/carlito-regular-webfont.woff2') format('woff2'),
        url('../fonts/carlito-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.family-quart-outline {
    font-family: 'quart-outline',Helvetica,Arial,Lucida,sans-serif;
    text-transform: uppercase;
    padding-top: 0.5rem;
}

.family-quart {
    font-family: 'quart',Helvetica,Arial,Lucida,sans-serif;
    text-transform: uppercase;
    padding-top: 0.5rem;
}

.family-calibri {
    font-family: 'calibri',sans-serif!important;
}

.family-carlito {
    font-family: 'carlito',sans-serif!important;
}

html, 
body {
    font-family: 'carlito',sans-serif!important;
}