:root {
    --color-page-bg: #F2E1D0;
    --color-surface-dark: #333333;
    --color-surface-darker: #1a1a1a;
    --color-primary: #ff9804;
    --color-text-light: #f6f6f6;
    --color-text-white: #ffffff;
    --color-scroll-bg: rgba(200, 200, 200, 0.5);

    --font-main: "Comic Sans MS", sans-serif;

    --font-size-small: 0.85vw;
    --font-size-body: 1.05vw;
    --font-size-lead: 1.3vw;
    --font-size-subtitle: 1.6vw;
    --font-size-title: 2.1vw;
    --font-size-display: 3vw;
    --font-size-control: 2.2vw;
    --font-size-icon: 4vw;

    --header-border-size: 6px;
    --header-logo: url("../images/LOGO-BrassBand.png");
    --header-menu-gap: 40px;

    --footer-map-radius: 30px;
    --transition-fast: 0.3s ease;
    --transition-normal: 0.4s ease;

    @media (pointer: coarse) {
        --font-size-small: 0.85vh;
        --font-size-body: 1.05vh;
        --font-size-lead: 1.3vh;
        --font-size-subtitle: 1.6vh;
        --font-size-title: 2.1vh;
        --font-size-display: 3vh;
        --font-size-control: 2.2vh;
        --font-size-icon: 4vh;
    }
}