/* ───────────────────────────────────────────────
   0.  RESET  /  BASE
   ───────────────────────────────────────────── */
*, *::before, *::after {
    box-sizing: border-box;
}

html, body {
    margin: 0;
    padding: 0;
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    line-height: 1.55;
    color: #1b1e22;
    background: #fafafa;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 .6em;
    font-weight: 700;
    color: #0f1113;
}

img {
    max-width: 100%;
    display: block;
}

/* ───────────────────────────────────────────────
   1.  DESIGN TOKENS  (neutral defaults)
   ───────────────────────────────────────────── */
:root {
    /* brand colors can be overridden by theme vars */
    --brand: #0873d6;
    --brand-dark: #045cae;
    --surface: #ffffff;
    --text-light: #ffffff;
    --text-muted: #6b727c;
}

/* ───────────────────────────────────────────────
   2.  UTILITIES
   ───────────────────────────────────────────── */
.container {
    width: 90%;
    max-width: 1200px;
    margin-inline: auto;
}

/* You can add more global utilities here as needed */

/* ───────────────────────────────────────────────
   End of global sheet
   (Navbar, Hero, Why-Us, etc. live in their own CSS files)
   ───────────────────────────────────────────── */