:root {
    /* ==========================================
       Momentum Brand
       ========================================== */

    --momentum-navy: #172b3a;
    --momentum-blue: #315a73;
    --momentum-slate: #536773;
    --momentum-bronze: #8a6a3b;

    --momentum-paper: #f7f8f6;
    --momentum-white: #ffffff;

    --momentum-border: #d1dbe1;
    --momentum-border-light: #e5edf1;

    --momentum-text: #1c2933;
    --momentum-text-muted: #536773;


    /* ==========================================
       Typography
       ========================================== */

    --momentum-font-sans:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    --momentum-font-mono:
        "IBM Plex Mono",
        "SFMono-Regular",
        Consolas,
        "Liberation Mono",
        monospace;


    /* ==========================================
       Layout
       ========================================== */

    --momentum-container-width: 1240px;

    --momentum-section-spacing: 6rem;

    --momentum-border-width: 1px;


    /* ==========================================
       Motion
       ========================================== */

    --momentum-transition: 160ms ease;
}