/* Local Fonts */
@font-face {
font-family: 'Open Sans';
src: url('/assets/fonts/OpenSans-VariableFont_wdth,wght.ttf') format('truetype');
font-weight: 300 800;
font-display: swap;
font-style: normal;
}

@font-face {
font-family: 'Open Sans';
src: url('/assets/fonts/OpenSans-Italic-VariableFont_wdth,wght.ttf') format('truetype');
font-weight: 300 800;
font-display: swap;
font-style: italic;
}

/* Dynamic Theme */
:root {
 --c-color-body: 0 0% 12%;
 --c-color-body-foreground: 0 0% 100%;
 --c-color-background: 0 0% 98%;
 --c-color-background-variant: 0 0% 96%;
 --c-color-foreground: 0 0% 12%;
 --c-color-primary: 37 42% 45%;
 --c-color-primary-variant: 37 42% 50%;
 --c-color-primary-container: 37 42% 40%;
 --c-color-primary-foreground: 0 0% 100%;
 --c-color-secondary: 36 51% 60%;
 --c-color-secondary-variant: 36 51% 65%;
 --c-color-secondary-container: 36 51% 55%;
 --c-color-secondary-foreground: 0 0% 0%;
 --c-color-card: 0 0% 95%;
 --c-color-card-variant: 0 0% 90%;
 --c-color-card-foreground: 0 0% 0%;
 --c-color-accent: 36 51% 60%;
 --c-color-accent-variant: 36 51% 65%;
 --c-color-accent-foreground: 0 0% 12%;
 --c-color-muted: 0 0% 30%;
 --c-color-muted-foreground: 0 0% 20%;
 --c-color-border: 0 0% 92%;
 --c-color-input: 0 0% 98%;
 --c-radius: .375rem;
 --c-border: 1px;
 --c-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.15);
}