:root {
    /* Surfaces */
    --surface-primary: #fffdf7;
    --surface-secondary: #f1ecdf;
    --surface-inverse: #171716;

    /* Text */
    --text-primary: #171716;
    --text-muted: #68665f;
    --text-inverse: #f1ecdf;
    --text-inverse-muted: rgba(251, 250, 246, 0.7);

    /* Borders */
    --border-subtle: rgba(23, 23, 22, 0.18);
    --border-inverse: rgba(251, 250, 246, 0.28);

    /* Accents */
    --accent-primary: #765fd0;
    --accent-soft: #a991ea;
    --accent-warm: #ee7558;

    --font-body: "DM Sans", Arial, sans-serif;
    --font-display: "Manrope", sans-serif;

    --content-width: 1200px;
    --page-gutter: 1.5rem;
    --section-space: clamp(6rem, 12vw, 10rem);

    --transition-quick: 160ms ease;
}

@media (max-width: 850px) {
    :root {
        --page-gutter: 1rem;
    }
}