/* As fontes do Google (Montserrat, Poppins, Instrument Sans) são carregadas
   via <link rel="stylesheet"> direto no <head> de cada página (não mais via
   @import aqui), para permitir que o navegador as busque em paralelo com o
   restante do CSS em vez de descobri-las só depois deste arquivo carregar. */

:root {
    --montserrat: "Instrument Sans", sans-serif;
    --poppins: 'Poppins', sans-serif;

    /* --- Espaçamento global --- */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;

    /* --- Raios de borda globais --- */
    --radius-2: 2px;
    --radius-4: 4px;
    --radius-8: 8px;
    --radius-12: 12px;
    --radius-16: 16px;
    --radius-24: 24px;
    --radius-full: 9999px;

    /* --- Cores de apoio --- */
    --color-on-accent: var(--eletric-indigo, #6F00FF);
    --purple: var(--eletric-indigo, #6F00FF);
    --snow: var(--lavender-mist, #FBF7FF);
    --violet: #7A0DFF;
    --green: #22C55E;

    /* --- Variáveis dinâmicas usadas por JS/CSS --- */
    --rotation: 0deg;
    --x-move: 0px;

    --font-ppp: 1vw;
    --font-pp: 1.2vw;
    --font-p: 1.5vw;
    --font-md: 2.5vw;

    --font-h1: 5vw;

    --font-h1-res: 5vw;
    --font-p-res: 2vw;
    --font-md-res: 1.5vw;
    --font-mdx-res: 1.2vw;
    --font-mdxx-res: 6vw;
    --font-lg-res: 8vw;
    --font-btn-res: 3vw;
    --font-p-special-res: 3.5vw;
    --font-lgx-res: 3vw;

    @media (min-width: 0) and (max-width: 1000px) {

        --font-ppp: 3.5vw;
        --font-pp: 3.5vw;
        --font-p: 3.5vw;
        --font-md: 4vw;
        --font-h1: 10vw;
        --font-md-res: 4vw;
        --font-mdx-res: 3.5vw;
        --font-h1-res: 10vw;
        --font-lgx-res: 6vw;
    }

}