/* AJL Estudo — tema: paleta, tipografia e tokens */
:root {
  /* Paleta alegre */
  --azul-ceu: #4fc3f7;
  --azul-ceu-forte: #0ea5e9;
  --azul-ceu-claro: #e3f6fd;
  --amarelo-sol: #ffd54f;
  --amarelo-sol-forte: #f5b800;
  --amarelo-sol-claro: #fff6d6;
  --verde-menta: #5fd3a5;
  --verde-menta-forte: #1fae78;
  --verde-menta-claro: #e2f8ef;
  --laranja: #ff8a4c;
  --laranja-forte: #e8641f;
  --laranja-claro: #ffe9dd;
  --vermelho-suave: #ff6b6b;
  --vermelho-claro: #ffe3e3;
  --roxo: #9b7cf6;
  --roxo-claro: #efeaff;

  /* Neutros */
  --fundo: #f4f9ff;
  --fundo-2: #ffffff;
  --cartao: #ffffff;
  --texto: #1f2a44;
  --texto-suave: #5b6784;
  --borda: #dbe6f3;

  /* Formas */
  --raio: 20px;
  --raio-pequeno: 12px;
  --sombra: 0 6px 20px rgba(31, 42, 68, 0.08);
  --sombra-forte: 0 10px 28px rgba(31, 42, 68, 0.14);

  /* Tipografia */
  --fonte: 'Nunito', 'Segoe UI', 'Trebuchet MS', Arial, sans-serif;
  --fonte-mono: 'Cascadia Mono', 'Consolas', 'Menlo', monospace;
  --tamanho-base: 18px;

  /* Toque */
  --altura-botao: 56px;
  --gutter: 16px;
}

@media (min-width: 720px) {
  :root {
    --tamanho-base: 19px;
    --gutter: 24px;
  }
}