@import url("https://fonts.googleapis.com/css2?family=Maven+Pro:wght@500;600;700;800&family=Lato:wght@400;600;700&display=swap");

/* Paleta oficial DABI — Manual de identidad, pág. 8
   Rojo principal #de1f1c (Pantone 485C) · degradado #be2f18 → #8b181a
   Gris nombre DABI #393a38 (447C) · azules #031a31 / #09294d / #1b3f68 */
:root {
  --accent: #de1f1c;
  --accent-soft: #fdeceb;
  --ink: #393a38;
  --ink-soft: #6b6d6a;
  --ink-faint: #9b9d99;
  --bg: #f5f6f8;
  --surface: #ffffff;
  --line: #e4e6e9;
  --navy: #09294d;
  --radius: 14px;
  --font-body: "Lato", -apple-system, "Segoe UI", sans-serif;
  --font-display: "Maven Pro", "Lato", sans-serif;
  --shadow-sm: 0 1px 2px rgba(57, 58, 56, .05);
  --shadow-md: 0 6px 24px -8px rgba(57, 58, 56, .14);
}
* { box-sizing: border-box; margin: 0; }
body { font-family: var(--font-body); color: var(--ink); background: var(--bg); -webkit-font-smoothing: antialiased; }
button, input, textarea, select { font-family: var(--font-body); }