/* =================================================
   GLOBALS — Variables, Reset, Base, Typography
   ================================================= */

/* ---- CSS Custom Properties ---- */
:root {
    --blue:   #0B78B3;
    --green:  #4AAE8C;
    --ivory:  #F9F7F4;
    --carbon: #2C2C2A;
    --radius: 20px;
    --shadow: 0 15px 35px rgba(0, 0, 0, .08);
}

/* ---- Reset ---- */
* { margin: 0; padding: 0; box-sizing: border-box; }

html { scroll-behavior: smooth; }

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

/* ---- Base ---- */
body {
    font-family: 'Montserrat', sans-serif;
    background: var(--ivory);
    color: var(--carbon);
    overflow-x: hidden;
}

/* ---- Typography ---- */
h1, h2, h3 { font-family: 'Jost', sans-serif; }