/* ==========================================================
   DPYM · BRANDING.CSS
   Identidad visual y variables maestras
========================================================== */
:root{
  --color-mar:#0C5A78; --color-mar-oscuro:#08465D;
  --color-agua:#3DBFD6; --color-agua-claro:#7EDAE8;
  --color-arena:#C79A5B; --color-arena-claro:#E3C08D;
  --color-espuma:#F7FAFB; --color-blanco:#FFFFFF;
  --color-texto:#1F2937; --color-texto-claro:#6B7280; --color-borde:#E5E7EB;
  --shadow-soft:0 8px 24px rgba(0,0,0,.08); --shadow-medium:0 12px 36px rgba(0,0,0,.12);
  --radius-xs:6px; --radius-sm:10px; --radius-md:16px; --radius-lg:24px;
  --space-xs:.5rem; --space-sm:1rem; --space-md:1.5rem; --space-lg:2.5rem; --space-xl:4rem;
  --transition-fast:.20s ease; --transition:.35s ease; --container-width:1200px;
}