/* ============================================================
   TOKENS.CSS — fonte única da verdade visual do sistema.
   Nenhum outro arquivo CSS deve declarar uma cor "nova":
   tudo referencia estas variáveis. Isso garante consistência
   e facilita trocar a identidade visual no futuro.
   ============================================================ */
:root{
  --bg:#F3ECE6;
  --surface:#FFFCFA;
  --surface-alt:#F6F0EA;

  --rose:#D9A3AE;
  --rose-light:#F3DEE0;
  --rose-dust:#EFD9D6;
  --marsala:#6E2438;
  --marsala-dark:#4A1624;
  --marsala-soft:#8C3B50;
  --green:#213C30;
  --green-bg:#E4EDE7;
  --green-soft:#3C6350;

  /* texto */
  --ink:#2A2022;
  --ink-soft:#6E5B5F;
  --ink-faint:#A5898D;

  /* bordas */
  --border:#E9D9D3;

  /* estados */
  --danger:#A3352F;
  --danger-bg:#F8E5E1;
  --warning:#9C6B26;
  --warning-bg:#F6EAD3;
  --success:#2C5C43;
  --success-bg:#E1EEE5;

  /* raio e sombra */
  --radius:16px;
  --radius-sm:10px;
  --shadow:0 4px 18px rgba(74,22,36,0.06);
  --shadow-lift:0 14px 36px rgba(74,22,36,0.14);

  /* tipografia — stack do sistema (Apple/Windows), sem depender de
     fonte baixada: usa a fonte nativa de cada aparelho (SF Pro no
     Mac/iPhone, Segoe UI no Windows) pra um visual limpo e rápido */
  --font-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-body:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}