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

/* =====================================
   GLOBAL BASE STYLES
===================================== */
:root {
    --bs-primary: #2563eb; /* Modern blue */
}

body {
    scroll-behavior: smooth;
    font-family: 'Inter',
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        'Segoe UI',
        Roboto,
        'Helvetica Neue',
        Arial,
        sans-serif;
    margin: 0;
}

/* =====================================
   TYPOGRAPHY
===================================== */
p {
    font-size: 13.5px;
    line-height: 1.7;
}

h1 {
    font-size: 2.2rem;
    font-weight: 700;
}

h2 {
    font-size: 1.8rem;
    font-weight: 600;
}

h3 {
    font-size: 1.4rem;
    font-weight: 600;
}

h6 {
    font-size: 0.95rem;
    font-weight: 600;
}

/* =====================================
   BUTTONS (Bootstrap Overrides)
===================================== */
.btn-primary {
    background-color: #2563eb;
    border-color: #2563eb;
}

.btn-primary:hover {
    background-color: #1d4ed8;
    border-color: #1d4ed8;
}

/* =====================================
   SECTIONS & LAYOUT
===================================== */
section {
    scroll-margin-top: 80px; /* navbar height */
}

/* =====================================
   IMAGE / CARD HELPERS
===================================== */
.image-wrapper {
    height: 250px;
    overflow: hidden;
}

.image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* =====================================
   NAVBAR / GENERAL UTILITIES
===================================== */
.navbar-brand img {
    max-width: 100%;
    height: auto;
}

/* =====================================
   FOOTER
===================================== */
.footer p {
    font-size: 13px;
    line-height: 1.6;
}

/* =====================================
   NOTE
===================================== */
/*
  ⚠️ IMPORTANT:
  - ALL chatbot-related styles have been intentionally REMOVED.
  - Chatbot styles must live ONLY in `chat.css`.
  - This file is now SAFE to use with Bootstrap, carousels, and fixed widgets.
*/