:root {
  --navy:        #1A1A2E;   /* color base / sidebar */
  --navy-soft:   #25253f;
  --green:       #51DD7D;   /* acento / acción / "pagado" */
  --green-dark:  #2FB85C;
  --warn:        #F5A623;   /* mora 1-14 días */
  --danger:      #E74C3C;   /* suspendido / cancelado */
  --muted:       #6B7280;
  --bg:          #F7F8FA;
  --surface:     #FFFFFF;
  --border:      #E7E9EF;
  --radius:      14px;
  --shadow:      0 1px 3px rgba(16,24,40,.06), 0 1px 2px rgba(16,24,40,.04);
  --shadow-lg:   0 10px 30px rgba(16,24,40,.08);
  --font-display:'Fraunces', Georgia, serif;
  --font-body:   'Inter', system-ui, sans-serif;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: var(--font-body);
  background: var(--bg);
  color: var(--navy);
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, .display {
  font-family: var(--font-display);
  font-weight: 600;
  letter-spacing: -0.01em;
}

a { color: var(--green-dark); text-decoration: none; }
a:hover { text-decoration: underline; }