/* ============================================================
   TEMA / MARCA — cambia estos valores para re-brandear la app.
   (Este es el único sitio que necesitas tocar para el color.)
   ============================================================ */
:root {
  --brand: #0F6E56;
  --brand-dark: #0c5a48;
  --brand-ink: #04342C;
  --brand-soft: #E1F5EE;
  --accent: #EF9F27;

  --sand: #F7F6F1;
  --line: #E3E1D8;
  --ink: #2C2C2A;
  --muted: #888780;
  --page: #EAE8E1;

  --blue: #185FA5;   --blue-soft: #E6F1FB;
  --coral: #993C1D;  --coral-soft: #FAECE7;
  --red: #A32D2D;    --red-soft: #FCEBEB;
  --amber: #854F0B;  --amber-soft: #FAEEDA;
  --green: #3B6D11;

  --radius: 12px;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  background: var(--page);
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
}
button { font-family: inherit; }
a { color: inherit; }