@font-face {
    font-family: "Bodoni Moda";
    src: url("../fonts/bodoni-moda-latin.woff2") format("woff2");
    font-style: normal;
    font-weight: 400 500;
    font-display: swap;
}

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

:root {
    --level-ink: #102b2d;
    --level-ink-soft: #5a7071;
    --level-aqua: #9ddedb;
    --level-aqua-deep: #5fbeba;
    --level-aqua-pale: #e2f5f3;
    --level-aqua-wash: #f0f9f8;
    --level-ivory: #fbfbf7;
    --level-white: #ffffff;
    --level-silver: #c7d3d4;
    --level-line: rgba(16, 43, 45, 0.14);
    --level-line-strong: rgba(16, 43, 45, 0.24);
    --level-shadow-soft: 0 18px 56px rgba(16, 43, 45, 0.10);
    --level-shadow-card: 0 10px 30px rgba(16, 43, 45, 0.08);
    --level-font-display: "Bodoni Moda", Georgia, serif;
    --level-font-sans: "Manrope", Arial, sans-serif;
    --level-radius: 8px;
    --level-content: 1180px;
}