/* ============================================================
   Do Meu Jeito — tokens do design system
   Uma fonte, três raios, escala de espaço de 4, alvo de 56px.
   ============================================================ */

:root{
  /* ---- base ---- */
  --creme:#FFFDF9;          /* fundo do app */
  --superficie:#FFFFFF;     /* cards e painéis */
  --lilas-claro:#F3EDFB;    /* superfície secundária */
  --lilas-fundo:#F7F2FD;    /* faixas e cabeçalhos suaves */
  --roxo:#6C4BD8;           /* primária: botões, marca */
  --roxo-escuro:#4A2FA8;    /* hover, foco */
  --roxo-claro:#9B7BF0;     /* gradiente da marca */
  --tinta:#2E1A47;          /* texto principal */
  --tinta-suave:#5C4E70;    /* texto secundário — 4.6:1 sobre o creme */
  --linha:#DCD2EF;          /* bordas de separação */
  --linha-campo:#8A7BA8;    /* borda de campo: 3:1 sobre branco */

  /* ---- chave de Fitzgerald: cor sempre acompanhada de texto ---- */
  --caa-pessoas:#F2C24B;
  --caa-acoes:#3F8F58;
  --caa-descricoes:#3F68CF;
  --caa-coisas:#C96E22;
  --caa-social:#C2467A;
  --caa-emergencia:#C62F2F;

  /* ---- painéis pastéis dos cartões (identidade visual) ---- */
  --painel-azul:#C4E3F9;
  --painel-ciano:#D5F8FA;
  --painel-lilas:#DAD0FA;
  --painel-rosa:#FED8ED;
  --painel-vermelho:#FFD6D6;

  /* ---- estados ---- */
  --sucesso:#2E7D4F;
  --sucesso-fundo:#E4F5EA;
  --erro:#C0342F;
  --erro-fundo:#FDEBEA;
  --aviso:#8A5A00;
  --aviso-fundo:#FFF4E0;

  /* ---- raios: apenas três ---- */
  --r-pequeno:8px;
  --r-medio:20px;
  --r-pill:999px;

  /* ---- espaçamento: escala de 4 ---- */
  --e1:4px; --e2:8px; --e3:16px; --e4:24px; --e5:32px; --e6:48px; --e7:64px;

  /* ---- toque ---- */
  --alvo-min:56px;
  --barra-altura:72px;

  /* ---- tipografia ---- */
  --fonte:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fonte-legivel:"Atkinson Hyperlegible", var(--fonte);
  --escala:1;              /* multiplicada pelo tamanho de fonte do perfil */

  /* ---- sombras: discretas, nunca decorativas ---- */
  --sombra-card:0 2px 10px -4px rgba(46,26,71,.18);
  --sombra-flutuante:0 8px 24px -10px rgba(46,26,71,.35);

  /* ---- movimento ---- */
  --transicao:160ms ease;
}

/* Tamanho de letra por perfil (p / m / g). */
html[data-fonte="p"]{ --escala:.92; }
html[data-fonte="m"]{ --escala:1; }
html[data-fonte="g"]{ --escala:1.18; }

/* Alto contraste: mais peso nas bordas e nos textos, sem inventar cor nova. */
html[data-contraste="alto"]{
  --creme:#FFFFFF;
  --lilas-claro:#EDE4FA;
  --tinta:#150A24;
  --tinta-suave:#33254A;
  --linha:#150A24;
  --linha-campo:#150A24;
  --roxo:#4A2FA8;
  --sombra-card:none;
  --sombra-flutuante:0 4px 12px -6px rgba(0,0,0,.6);
}

/* Quem pediu menos movimento — no sistema ou nas configurações — não recebe animação. */
@media (prefers-reduced-motion: reduce){
  :root{ --transicao:0ms; }
}
html[data-animacoes="reduzidas"]{ --transicao:0ms; }