/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&family=Montserrat:wght@600;700&display=swap');

:root {
    --pih-primary: #5C8284;
    --pih-accent: #E87A59;
    --pih-dark: #363537;
    --pih-light: #F8F9FA;
    --pih-body-font: 'Inter', sans-serif;
    --pih-heading-font: 'Montserrat', sans-serif;
}

body {
    font-family: var(--pih-body-font);
    color: var(--pih-dark);
    background-color: #F4F6F6;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6, .navbar-brand {
    font-family: var(--pih-heading-font);
    font-weight: 700;
    color: var(--pih-dark);
}

/* Custom Brand Classes Override */
.bg-pih-primary { background-color: var(--pih-primary) !important; }
.text-pih-primary { color: var(--pih-primary) !important; }
.btn-pih-primary {
    background-color: var(--pih-primary);
    border-color: var(--pih-primary);
    color: #FFFFFF;
}
.btn-pih-primary:hover, .btn-pih-primary:focus {
    background-color: #4A6A6C;
    border-color: #4A6A6C;
    color: #FFFFFF;
}

.btn-pih-accent {
    background-color: var(--pih-accent);
    border-color: var(--pih-accent);
    color: #FFFFFF;
}
.btn-pih-accent:hover, .btn-pih-accent:focus {
    background-color: #D36645;
    border-color: #D36645;
    color: #FFFFFF;
}

/* Mobile-First Optimization Overrides */
.navbar-toggler {
    border: none;
    padding: 0.5rem;
}
.navbar-toggler:focus {
    box-shadow: none;
}

/* Target Minimum Click/Touch Boundary (48px) for Mobile Elements */
.nav-link, .btn {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Make lists and inputs easily scrollable/clickable on mobile touch surfaces */
.list-group-item {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}