:root {
  --font-family-base: 'Poppins', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;

  /* Dorados refinados */
  --color-gold: #E9B35A;
  --color-gold-soft: #F0D8A0;
  --color-gold-muted: #D8B98A;

  /* Textos cálidos */
  --color-text-light: #F9FAFC;
  --color-text-soft: #F5F5F3;
  --color-text-muted: #D0CFCB;
  --color-text-subtle: #B8B7B3;

  /* Oscuros profundos */
  --color-dark-0: #0E0E0E;
  --color-dark-1: #161616;
  --color-dark-2: #242424;
  --color-dark-3: #3a2c27;
  --color-dark-4: #5c4438;

  /* Azules petróleo más sofisticados */
  --color-dark-blue-1: #1E2A38;
  --color-dark-blue-2: #27394A;

  /* Overlays suavizados */
  --color-overlay-dark: rgba(0, 0, 0, 0.55);
  --color-overlay-warm: rgba(32, 23, 20, 0.6);

  /* Bordes y sombras */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  --shadow-soft: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.2);
  --shadow-strong: 0 1.2rem 2rem rgba(0, 0, 0, 0.3);
  --shadow-inset: inset 0 0 60px rgba(0, 0, 0, 0.4);

  /* Transiciones */
  --transition-fast: 0.2s ease;
  --transition-base: 0.3s ease;
  --transition-slow: 0.4s ease;

  /* Espaciado y contenedor */
  --section-padding-y: clamp(3rem, 6vw, 5.5rem);
  --container-max-width: 1200px;
}

/* Paso 5 — Sombras refinadas */
:root {
  --shadow-soft: 0 0.6rem 1.2rem rgba(0, 0, 0, 0.18);
  --shadow-strong: 0 1rem 1.8rem rgba(0, 0, 0, 0.28);
}

:root {
  --shadow-soft: 0 0.8rem 1.6rem rgba(0, 0, 0, 0.18);
  --shadow-strong: 0 1.4rem 2.4rem rgba(0, 0, 0, 0.28);
}

:root {
  --transition-base: 0.28s cubic-bezier(0.25, 0.1, 0.25, 1);
  --transition-fast: 0.18s cubic-bezier(0.25, 0.1, 0.25, 1);
}

:root {
  --color-text-muted: #D8D7D3;
  --color-text-subtle: #C2C1BD;
}