:root {
  /* Tarefa 11 (direção "Acolhedor"): fundo verde-menta muito claro no lugar do #f4f8fa frio */
  --bg: #eef8f5;
  --mint: #bfeee2;       /* círculos suaves de fundo */
  --mint-soft: #d6f4eb;  /* círculo secundário, mais claro */
  --ink: #0d1f3c;        /* azul-marinho: texto, botões e o anel decorativo */
  --ink-soft: #4a5667;   /* Tarefa 11: azul-acinzentado mais quente (menos saturado); 6,9:1 no fundo, ≥ 5,4:1 no pior caso (círculo menta + luz do ponteiro) */
  --teal: #1aa88f;
  --teal-light: #5fdcc4;
  --teal-deep: #0b6b5b; /* verde-água escurecido para texto: 5,9:1 no fundo menta, ≥ 4,7:1 sob a luz do ponteiro sobre o círculo */
  --blue-soft: #a9c4f5;
  --focus: var(--teal-deep); /* contorno de foco: ≥ 3:1 sobre o fundo claro (o --teal puro fica em 2.8:1) */
  --radius: 28px;        /* Tarefa 11: cantos maiores (era 20px) */
  --radius-sm: 22px;
  --glass-bg: rgba(255, 255, 255, 0.58);
  --glass-border: rgba(255, 255, 255, 0.92);
  /* sombras com um toque de verde (mais quentes que o azul-marinho puro) */
  --shadow-glass: 0 12px 40px rgba(18, 62, 58, 0.08);
  --shadow-card: 0 1px 0 rgba(255, 255, 255, .95) inset, 0 22px 56px rgba(18, 62, 58, .08);
  /* Tarefa 9: Literata (títulos, sem itálico) + Atkinson Hyperlegible Next (corpo, feita para baixa visão) */
  --font-title: "Literata", Georgia, "Times New Roman", serif;
  --font-body: "Atkinson Hyperlegible Next", "Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;
  --mx: 50vw;
  --my: 30vh;
}