:root {
  /* Línea: identidad base */
  --linea-ink: #111827;
  --linea-graphite: #2B3440;
  --linea-steel: #56616D;
  --linea-mist: #A7B0B8;
  --linea-paper: #F4F1EA;
  --linea-surface: #E7E2D8;
  --linea-rule: #C9C2B7;
  --linea-signal: #3B6F7E;
  --linea-signal-soft: #77A8B4;
  --linea-mark: #B96B43;
  --linea-ok: #597A5A;

  /* Tipografia */
  --linea-font-sans: Inter, "IBM Plex Sans", "Avenir Next", "Segoe UI", Arial, sans-serif;
  --linea-font-mono: "IBM Plex Mono", "SFMono-Regular", Menlo, Consolas, monospace;

  /* Escala */
  --linea-space-1: 0.25rem;
  --linea-space-2: 0.5rem;
  --linea-space-3: 0.75rem;
  --linea-space-4: 1rem;
  --linea-space-5: 1.5rem;
  --linea-space-6: 2rem;
  --linea-space-7: 3rem;
  --linea-space-8: 4.5rem;

  /* Componentes */
  --linea-radius-s: 4px;
  --linea-radius-m: 8px;
  --linea-border: 1px solid var(--linea-rule);
  --linea-shadow-low: 0 1px 0 rgba(17, 24, 39, 0.08);
}

.linea-page {
  background: var(--linea-paper);
  color: var(--linea-ink);
  font-family: var(--linea-font-sans);
}

.linea-band-dark {
  background: var(--linea-ink);
  color: var(--linea-paper);
}

.linea-kicker {
  color: var(--linea-signal);
  font-family: var(--linea-font-mono);
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.linea-card {
  background: rgba(244, 241, 234, 0.78);
  border: var(--linea-border);
  border-radius: var(--linea-radius-m);
  box-shadow: var(--linea-shadow-low);
}

.linea-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0.78rem 1rem;
  border: 1px solid var(--linea-ink);
  border-radius: var(--linea-radius-s);
  background: var(--linea-ink);
  color: var(--linea-paper);
  font-weight: 700;
  text-decoration: none;
}

.linea-button-secondary {
  background: transparent;
  color: var(--linea-ink);
}

.linea-rule {
  border: 0;
  border-top: 2px solid var(--linea-signal);
  margin: var(--linea-space-6) 0;
}