/* =========================
   Design Tokens
   ========================= */
:root {
    --c-brand: rgb(7, 59, 76);
    --c-brand-light: rgb(15, 118, 153);
    --c-accent: rgb(255, 135, 0);
    --c-text: #1a1a1a;
    --c-bg: #dcdada;

    --container: 1100px;

    --fs-1: clamp(2.8rem, 5vw, 3.6rem);
    --fs-2: clamp(2rem, 4vw, 2.6rem);
    --fs-3: 1.25rem;
    --fs-4: 1rem;
}

/* =========================
   Reset / Base
   ========================= */
*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Ubuntu, sans-serif;
    color: var(--c-text);
    background: var(--c-bg);
    line-height: 1.6;
}

/* =========================
   Layout Helpers
   ========================= */
.container {
    max-width: var(--container);
    margin-inline: auto;
    padding-inline: 1rem;
}

.section {
    padding: 4rem 0;
}

.center {
    text-align: center;
}
main {
    padding-top: 64px;
}