@font-face {
    font-family: "Source Sans 3";
    src: url("../assets/fonts/source-sans-3-variable.woff2") format("woff2");
    font-style: normal;
    font-weight: 200 900;
    font-display: swap;
}

:root {
    color-scheme: light;

    --font-primary: "Source Sans 3", Arial, Helvetica, sans-serif;

    --stage-aspect-width: 9;
    --stage-aspect-height: 16;

    /* Fallback before viewport.js measures the real visual viewport (avoids iOS Safari dvh cropping). */
    --app-vh: 1dvh;
    --app-vw: 1dvw;

    --color-bg-void: #04120a;
    --color-bg-glow-1: #0c3d24;
    --color-bg-glow-2: #08301c;
    --color-bg-glow-3: #145c34;

    --color-text-light: #f2fff6;
    --color-button-glow: #35d68a;

    --language-button-width: 54%;
    --language-button-aspect: 483 / 99;
    --language-buttons-gap: 2.4cqh;
    --language-buttons-bottom: 6cqh;
}