@font-face {
    font-family: "Nunito";
    src: url("fonts/nunito-latin.woff2") format("woff2");
    font-style: normal;
    font-weight: 300 800;
    font-display: swap;
}

@font-face {
    font-family: "Readex Pro";
    src: url("fonts/readex-pro-latin.woff2") format("woff2");
    font-style: normal;
    font-weight: 300 700;
    font-display: swap;
}

:root {
    --hp-navy: #0f172a;
    --hp-midnight: #111326;
    --hp-footer: #080c1f;
    --hp-purple: #7214e8;
    --hp-purple-active: #6d00e7;
    --hp-purple-light: #9138f5;
    --hp-cyan: #4f9dcc;
    --hp-canvas: #f8f7fa;
    --hp-text: #27263f;
    --hp-copy: #4b5563;
    --hp-muted: #737181;
    --hp-line: #e8e5ed;
    --hp-white: #ffffff;
    --hp-radius: 16px;
}