/* ==========================================================================
   ACADEMIA INFÂNCIA — TOKENS
   Fonte da verdade do design. Só aqui (e no guia de estilo) se definem valores.
   Todos os outros .css consomem estes tokens com var(); nunca os redefinem.
   ========================================================================== */

:root {
    /* ---------------------------------------------------------------------
       CORES — paleta do Kit (Elementor → migrar para cá)
       --------------------------------------------------------------------- */
    --c-primary:        #033269; /* Azul principal */
    --c-primary-700:    #022348;
    --c-primary-300:    #3f6fa3;
    --c-primary-soft:   #e7edf5; /* tinta suave do primário */

    --c-accent:         var(--c-gold);      /* o realce passa a ser o dourado */
    --c-accent-700:     var(--c-gold-700);
    --c-accent-soft:    var(--c-gold-soft);

    --c-secondary:      #E9E9E9; /* Cinza claro */
    --c-secondary-soft: #f4f4f4;

    --c-text:           #232323; /* Texto */
    --c-offwhite:       #F6F6F6; /* Off-white — fundo de secções */
    --c-ink:            #111111; /* Off-black — títulos */
    --c-gray:           #B7B7B7; /* Cinza suave — contornos/apoio */

    --c-white:          #FFFFFF;
    --c-line:           #E4E4E4; /* contornos neutros */
    --c-line-strong:    #C9C9C9;
    --c-muted:          #6B6B6B; /* texto secundário legível */

    /* Dourado — cor de realce da marca (substitui o segundo azul) */
    --c-gold:      #B08A2E;
    --c-gold-700:  #96741F;
    --c-gold-soft: #FAF3DE;

    /* Estados */
    --c-success:        #1E7A57;
    --c-success-soft:   #E4F3EC;
    --c-warning:        #9A6B00;
    --c-warning-soft:   #FBF0D6;
    --c-danger:         #B3261E;
    --c-danger-soft:    #FBE7E5;
    --c-info:           var(--c-accent);
    --c-info-soft:      var(--c-accent-soft);

    /* ---------------------------------------------------------------------
       TIPOGRAFIA
       --------------------------------------------------------------------- */
    --font-heading: 'Merriweather', Georgia, 'Times New Roman', serif;
    --font-body:    'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    --fw-light:   300;
    --fw-regular: 400;
    --fw-medium:  500;
    --fw-bold:    700;

    --lh-tight: 1.15;
    --lh-snug:  1.35;
    --lh-body:  1.7;

    --ls-caps:  .08em;
    --ls-wide:  .04em;

    /* Escala fluida (clamp: min, preferido, max) */
    --fs-xs:   .8125rem;                                   /* 13px */
    --fs-sm:   .875rem;                                    /* 14px */
    --fs-base: 1rem;                                       /* 16px — corpo */
    --fs-md:   clamp(1.0625rem, .98rem + .4vw, 1.1875rem); /* 17–19px */
    --fs-lg:   clamp(1.125rem, 1rem + .6vw, 1.375rem);     /* 18–22px */
    --fs-xl:   clamp(1.375rem, 1.15rem + 1vw, 1.75rem);    /* 22–28px */
    --fs-2xl:  clamp(1.625rem, 1.3rem + 1.5vw, 2.25rem);   /* 26–36px */
    --fs-3xl:  clamp(1.875rem, 1.4rem + 2.2vw, 2.75rem);   /* 30–44px */
    --fs-4xl:  clamp(2.25rem, 1.6rem + 3vw, 3.25rem);      /* 36–52px */

    /* ---------------------------------------------------------------------
       ESPAÇAMENTO — escala base 4px
       --------------------------------------------------------------------- */
    --sp-1:  .25rem;
    --sp-2:  .5rem;
    --sp-3:  .75rem;
    --sp-4:  1rem;
    --sp-5:  1.5rem;
    --sp-6:  2rem;
    --sp-7:  3rem;
    --sp-8:  4rem;
    --sp-9:  6rem;
    --sp-10: 8rem;

    /* ---------------------------------------------------------------------
       FORMAS
       --------------------------------------------------------------------- */
    --r-sm:   6px;
    --r-md:   10px; /* raio padrão dos botões do kit */
    --r-lg:   16px;
    --r-xl:   24px;
    --r-pill: 999px;

    --sh-sm: 0 1px 2px rgba(17, 17, 17, .06), 0 1px 3px rgba(17, 17, 17, .05);
    --sh-md: 0 6px 18px rgba(17, 17, 17, .08);
    --sh-lg: 0 18px 46px rgba(17, 17, 17, .12);

    --tr-fast: .15s ease;
    --tr:      .25s ease;
    --tr-slow: .4s ease;

    /* ---------------------------------------------------------------------
       ESTRUTURA
       --------------------------------------------------------------------- */
    --wrap: 1300px;
    --wrap-narrow: 760px;
    --gutter: clamp(1rem, 4vw, 2.5rem);
    --focus-ring: 0 0 0 3px var(--c-accent-soft), 0 0 0 1px var(--c-accent);

    /* ---------------------------------------------------------------------
       COMPATIBILIDADE — aliases temporários dos globals do Elementor.
       Permitem que o header/footer atuais continuem a funcionar enquanto o
       tema é migrado. Remover quando o Elementor sair de vez.
       --------------------------------------------------------------------- */
    --e-global-color-primary:   var(--c-primary);
    --e-global-color-secondary: var(--c-secondary);
    --e-global-color-text:      var(--c-text);
    --e-global-color-accent:    var(--c-accent);
    --e-global-color-8706898:   var(--c-offwhite);
    --e-global-color-e117629:   var(--c-ink);
    --e-global-color-ccbd08f:   var(--c-gray);
}