/* Estilo Smart App — design tokens (shared by all modules). Brand: white + Estilo red. */
:root{
  --red:#B60613; --red-600:#9E0511; --red-700:#850410; --red-50:#FDF2F3; --red-100:#FBE3E5; --red-200:#F5C2C6;
  --ink:#141414; --ink-2:#3A3A3C; --ink-3:#6E6E73; --ink-4:#A1A1A6;
  --line:#E8E8EA; --line-2:#F1F1F3; --paper:#FFFFFF; --mist:#F7F7F8; --mist-2:#FAFAFA;
  --ok:#1F8A4C; --warn:#C27A00;   /* status only, use sparingly */
  --data-2:#2B2B2E; --data-3:#C9C9CD; /* chart secondaries: graphite + light grey, red is always series 1 */
  --r-xs:6px; --r-sm:10px; --r-md:14px; --r-lg:20px; --r-xl:28px; --r-pill:999px;
  --sh-1:0 1px 2px rgba(20,20,20,.04),0 1px 1px rgba(20,20,20,.03);
  --sh-2:0 8px 24px -8px rgba(20,20,20,.12),0 2px 6px rgba(20,20,20,.04);
  --sh-3:0 30px 60px -20px rgba(20,20,20,.25),0 12px 24px -12px rgba(20,20,20,.12);
  --sh-red:0 12px 28px -10px rgba(182,6,19,.45);
  --f-display:"Archivo","Helvetica Neue",Helvetica,Arial,sans-serif;
  --f-body:"Inter","Helvetica Neue",Helvetica,Arial,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,monospace;
  --ease:cubic-bezier(.2,.7,.2,1);
}
/* The "capsula" motif: Estilo's logo shape = flat left edge, long elliptical right end. */
.capsule{border-radius:6px 999px 999px 6px / 6px 999px 999px 6px;}