/* =========================================
   1. FONT REGISTRATION (Simple Version)
   ========================================= */
@font-face {
    font-family: 'UTSans';
    src: url('../fonts/UTSans-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}

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

@font-face {
    font-family: 'UTSans';
    src: url('../fonts/UTSans-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'UTSans';
    src: url('../fonts/UTSans-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

/* =========================================
   2. COLOR SCHEME (The Missing Orange Part)
   ========================================= */
:root {
    /* Override Bootstrap's default primary color (blue) 
       with the Logo Orange (#FF6B35) 
    */
    --bs-primary: #FF6B35;
    
    /* RGB values are needed for Bootstrap's focus rings 
       and transparent backgrounds 
    */
    --bs-primary-rgb: 255, 107, 53;
}

/* =========================================
   3. GLOBAL STYLES
   ========================================= */

/* Apply font to the whole site */
body {
    font-family: 'UTSans', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Ensure headings use the bold weights correctly */
h1, h2, h3, h4, h5, h6, .fw-bold {
    font-family: 'UTSans', sans-serif;
    font-weight: 700; /* Uses UTSans-Bold */
}

/* =========================================
   4. BUTTON FIXES
   ========================================= */

/* Make primary buttons slightly darker on hover */
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: #e65a28 !important;
    border-color: #e65a28 !important;
}

/* Fix outline buttons to turn orange on hover */
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active  {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    color: white !important;
}