:root {
    /* Brand Colors */
    --primary-color: #1D4654;
    --secondary-color: #000000;
    --third-color: #423F3F;

    /* Backgrounds */
    --background-color: #253237;
    --secondery-background-color: #FFFFFF;
    --bg-light: #f8f9fa;
    --bg-hover: #f5f5f5;

    /* Text */
    --text-dark: #0f0f0f;
    --text-primary: #333333;
    --text-secondary: #666666;
    --text-muted: #999999;
    --text-light: #FFFFFF;

    /* Borders */
    --border-color: #e9ecef;
    --border-light: #f0f0f0;
    --border-medium: #dddddd;
    --border-dark: #eee;

    /* Semantic */
    --success-color: #28a745;
    --danger-color: #dc3545;
    --info-color: #007bff;

    /* Shadows */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.12);
    --shadow-lg: 0 5px 15px rgba(0, 0, 0, 0.15);

    /* Copyright/Footer */
    --copyright-bg: #1D4654;

    /* Font Families */
    --font-heading: "Conthic", sans-serif;
    --font-body: "AloveraDisplay", sans-serif;
}




@font-face {
    font-family: "AloveraDisplay";
    src: url("/fonts/alovera/AloeveraDisplay-Regular.woff2") format("woff2"), url("/fonts/alovera/AloeveraDisplay-Light.woff") format("woff"), url("/fonts/alovera/alovera-display.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}


/* Conthic */
@font-face {
    font-family: "Conthic";
    src: url("/fonts/conthic/CookConthic.woff2") format("woff2"), url("/fonts/conthic/CookConthic.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}