/* ============================================================
   Mirante Cultural - Design Tokens
   Extraidos do CSS do tema original (Duda) e validados manualmente.
   Fonte: f1c07c14_1.min.css + inline-*.css

   NAO altere valores aqui sem motivo. Este arquivo e a fonte
   unica de verdade das cores e da tipografia do site.
   ============================================================ */

:root {
  /* --- Cores de marca --- */
  --mc-navy:        #202D5E;  /* header, rodape escuro, botao doacao */
  --mc-navy-dark:   #16204A;  /* hover do navy (derivado) */
  --mc-cyan:        #68CCD1;  /* acento principal */
  --mc-green:       #23B086;  /* bloco Impacto, botoes de acao */
  --mc-green-dark:  #1C8E6B;  /* hover do verde (derivado) */
  --mc-yellow:      #FFCF38;  /* bloco Quem Somos */
  --mc-yellow-alt:  #FAC415;  /* bloco Familia Missionaria */

  /* --- Neutros --- */
  --mc-white:       #FFFFFF;
  --mc-gray-50:     #F7F7F7;
  --mc-gray-100:    #F4F4F4;  /* fundo do rodape */
  --mc-gray-400:    #A7A7A7;
  --mc-gray-600:    #666666;
  --mc-gray-800:    #333333;
  --mc-black:       #000000;

  /* --- Papeis semanticos --- */
  --mc-bg:          var(--mc-white);
  --mc-bg-alt:      var(--mc-gray-100);
  --mc-text:        var(--mc-gray-800);
  --mc-text-muted:  var(--mc-gray-600);
  --mc-text-invert: var(--mc-white);
  --mc-link:        var(--mc-green);
  --mc-link-hover:  var(--mc-navy);
  --mc-border:      #E5E5E5;

  /* --- Tipografia --- */
  --mc-font-heading: 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mc-font-body:    'Amiko', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --mc-fs-xs:   0.75rem;   /* 12px */
  --mc-fs-sm:   0.875rem;  /* 14px */
  --mc-fs-base: 1rem;      /* 16px */
  --mc-fs-md:   1.125rem;  /* 18px */
  --mc-fs-lg:   1.25rem;   /* 20px */
  --mc-fs-xl:   1.5rem;    /* 24px */
  --mc-fs-2xl:  2rem;      /* 32px */
  --mc-fs-3xl:  2.625rem;  /* 42px */

  --mc-lh-tight: 1.2;
  --mc-lh-base:  1.6;

  --mc-ls-wide: 0.08em;    /* menu e eyebrows do site original */

  --mc-fw-light:  300;
  --mc-fw-normal: 400;
  --mc-fw-bold:   700;

  /* --- Espacamento (escala de 8px) --- */
  --mc-space-1: 0.5rem;   /*  8px */
  --mc-space-2: 1rem;     /* 16px */
  --mc-space-3: 1.5rem;   /* 24px */
  --mc-space-4: 2rem;     /* 32px */
  --mc-space-5: 3rem;     /* 48px */
  --mc-space-6: 4rem;     /* 64px */
  --mc-space-7: 6rem;     /* 96px */

  /* --- Raio e sombra --- */
  --mc-radius-none: 0;
  --mc-radius-sm:   10px;
  --mc-radius-pill: 999px;  /* botao "Faca sua Doacao" */
  --mc-shadow-card: 0 2px 12px rgba(0, 0, 0, 0.08);

  /* --- Layout --- */
  --mc-container: 1200px;
}

/* Escala tipografica reduzida no mobile.
   Como os tamanhos usam rem, alterar aqui ajusta o site inteiro. */
@media (max-width: 782px) {
  :root {
    --mc-fs-3xl: 2rem;      /* 42px -> 32px */
    --mc-fs-2xl: 1.625rem;  /* 32px -> 26px */
    --mc-fs-xl:  1.25rem;   /* 24px -> 20px */
    --mc-space-7: 3.5rem;
    --mc-space-6: 2.5rem;
  }
}