:root{
  --saguma-azul: #0A1E3D; /* Azul SAGUMA · Base: fondos, textos, logo */
  --saguma-crema: #F4F1EC; /* Crema · Fondo general, reemplaza al blanco */
  --saguma-oxido: #A84D1E; /* Óxido · Único acento: CTA, firma del logo */
  --saguma-ambar: #D9824F; /* Ámbar · Acento solo sobre azul */
  --saguma-grafito: #4A505A; /* Grafito · Texto secundario */
  --saguma-arena: #E4DDD1; /* Arena · Líneas, bordes, superficies */
  --saguma-blanco: #FFFFFF; /* Blanco · Tarjetas y superficies elevadas */
  --font-titulos: 'Zilla Slab', Georgia, serif;
  --font-texto: 'Hanken Grotesk', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;
  --radio-chico: 6px; --radio-medio: 10px; --radio-grande: 16px;
  --esp-1: 4px; --esp-2: 8px; --esp-3: 12px; --esp-4: 16px; --esp-5: 24px; --esp-6: 32px; --esp-7: 48px; --esp-8: 64px; --esp-9: 96px;
}
/* Google Fonts: */
/* @import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;600;800&family=IBM+Plex+Mono:wght@500&family=Zilla+Slab:wght@600;700&display=swap'); */
.btn-primario{background:var(--saguma-oxido);color:#fff;font:600 16px/1 var(--font-texto);padding:14px 22px;border-radius:var(--radio-medio);border:0}
.btn-secundario{background:transparent;color:var(--saguma-azul);border:1.5px solid var(--saguma-azul);font:600 16px/1 var(--font-texto);padding:13px 21px;border-radius:var(--radio-medio)}
