/* Tokens de diseño — cambia aquí colores, tipografías y espaciados globales */
:root {
  /* Colores base (mismos tonos que el sitio original), como tripletes HSL
     para poder controlar la opacidad con hsl(var(--x) / 0.5) donde se necesite */
  --brand: 163 100% 20%;
  --brand-deep: 163 100% 10%;
  --forest: 163 80% 15%;
  --mid: 163 60% 28%;
  --light-green: 163 50% 40%;
  --accent: 0 80% 67%;
  --white: 0 0% 100%;
  --cream: 0 0% 96%;
  --border: 163 30% 30%;

  --background: var(--brand);
  --foreground: var(--white);
  --secondary: var(--mid);

  /* Tipografías */
  --font-body: "Albert Sans", -apple-system, sans-serif;
  --font-elegant: "Crimson Text", Georgia, serif;
  --font-display: "Tungsten", "Oswald", Impact, sans-serif;

  /* Layout */
  --radius: 0.25rem;
  --container-max: 80rem; /* 1280px */
  --container-px: 1.5rem;
  --section-py: 6rem;
  --section-py-lg: 8rem;
  --header-height: 4.5rem;
}