/* Rumbo Libre — design tokens (single source of truth) — ver docs/design/2026-06-25-ui-ux-guidelines.md §2 */
:root{
  --teal:#0E8DAC; --teal-d:#0A6E86; --teal-50:#E2F1F4;
  --amber:#E8BF7D; --amber-d:#7A5A12; --amber-50:#FBF1DD;
  --sand:#F5EFE3;
  --rose:#A72F5C; --rose-50:#F7E7EE;
  --red:#D64545; --red-d:#B42318;
  --ink:#1F2A2E; --muted:#6B7A7E; --faint:#8A969A;
  --line:#ECEFEE; --line-2:#E3E8E7;
  --ink-deep:#15333D;
  --green:#2E7D43; --green-50:#E5F3E7;
  --shadow-pill:0 1px 4px rgba(0,0,0,.05);
  --shadow-float:0 12px 44px rgba(20,40,46,.18);
  --r-pill:999px; --r-card:15px; --r-btn:11px;
}
/* wordmark RUMBO LIBRE: siempre en mayúsculas, con tracking consistente */
.logo,.brand,.blogo,.fbrand,.fb{text-transform:uppercase !important;letter-spacing:.02em !important;}
/* foco accesible global */
:where(a,button,summary,input,[tabindex]):focus-visible{
  outline:2px solid var(--teal); outline-offset:2px; border-radius:4px;
}