:root{
  /* Colores base */
  --color-primary: #2b82c9;
  --color-primary-contrast: #ffffff;
  --color-primary-soft: #6ea8d8;
  --color-green: #008883;
  --color-green-soft: #65bbb8;
  --color-bg: #ffffff;
  --color-text: #111827;
  --color-muted: #6b7280;


  --footer-icon-bg:  #ffffff;

  /* Espaciado */
  --space-1: .25rem; --space-2: .5rem; --space-3: .75rem; --space-4: 1rem;
  --space-5: 1.5rem; --space-6: 2rem; --space-7: 3rem; --space-8: 4rem;

  /* Bordes y sombra */
  --radius-sm: .5rem; --radius-md: 1rem; --radius-lg: 1.5rem;
  --shadow-1: 0 5px 20px rgba(0,0,0,.08);
}

@media (prefers-color-scheme: dark){
  :root{
    --color-bg:#0b1220;
    --color-text:#e5e7eb;
    --color-muted:#9ca3af;
  }
}