/* ============================================================================
   LAYOSCAMP · DESIGN SYSTEM v3 — ALIASES (puente legacy → v3)
   ----------------------------------------------------------------------------
   C2-T1 · 2026-06-12 · Fase no-destructiva (vigente hasta ciclo C10)
   Fuente:  shared/design-system-v3-migration-map.md §4 (código canónico)
   Tokens:  css/design-system-v3-tokens.css (v3.0.0, misma library)
   ----------------------------------------------------------------------------
   QUÉ HACE: redefine cada token legacy con usuarios → su equivalente v3, para
   que el CSS viejo "herede" la piel nueva sin tocarlo.
   LEY: v3 gana por ORDEN DE CARGA (este archivo pesa más que todas las hojas
   legacy del bucket theme: design-tokens 0, dsv2 100/101, fase5 200,
   campamentos-empresas 210). CERO !important.
   ----------------------------------------------------------------------------
   DESVIACIÓN DOCUMENTADA respecto al §4 del migration map: 8 tokens cuyo
   nombre COLISIONA entre legacy y v3 (--radius-xs/sm/md/lg/xl/full,
   --font-body, --font-display). El §4 los escribe como `--x: var(--x)`, que
   en CSS real es una dependencia cíclica → el token queda inválido para
   todos sus consumidores. Aquí se re-asiertan con su VALOR v3 literal
   (copiado de design-system-v3-tokens.css). Necesario además porque
   design-system-v2.css (weight 100) carga DESPUÉS de v3-tokens (weight 50)
   y pisaría esos nombres con los valores legacy.
   NO se aliasean (deprecados sin reemplazo, eliminar en C10):
   --red-urgency, --red-urgency-2, --shadow-none, --shadow-whisper (§3; sin
   consumidores via var() en el theme a 2026-06-12).
   ============================================================================ */

:root {
  /* Verdes */
  --green-dark:    var(--bosque-deep);
  --green:         var(--bosque);
  --green-medium:  var(--bosque);
  --green-brand:   var(--bosque);    /* reposicionado: acento → sol; texto/CTA → bosque */
  --green-light:   var(--bosque-2);
  --green-bg:      var(--crema-2);
  --green-bg2:     var(--arena);

  /* Dorados */
  --gold:          var(--sol);
  --gold-light:    var(--terracota-2);
  --gold-pale:     var(--crema);

  /* Texto */
  --text:          var(--ink);
  --text-sec:      rgba(39,39,37,.7);
  --text-light:    rgba(39,39,37,.55);
  --text-muted:    rgba(39,39,37,.55);
  --text-meta:     rgba(39,39,37,.55);

  /* Superficies y bordes */
  --surface:       var(--crema);
  --bg:            var(--crema);
  --white:         var(--blanco);
  --bg-hover:      var(--crema-2);
  --bg-alt:        var(--arena);
  --border:        rgba(49,86,45,.12);
  --border-sec:    rgba(49,86,45,.18);
  --footer-bg:     var(--bosque-deep);
  --footer-text:   rgba(253,248,238,.78);

  /* Radios — nombres colisionados: re-asertados con el valor v3 literal
     (v3-tokens.css L94-99). `var(--radius-x)` sobre sí mismo sería ciclo. */
  --radius-xs:     8px;
  --radius-sm:     14px;
  --radius-md:     22px;
  --radius-lg:     30px;
  --radius-xl:     44px;
  --radius-2xl:    var(--radius-xl);
  --radius-full:   999px;

  /* Sombras */
  --shadow-sm:     var(--sombra-suave);
  --shadow-md:     var(--sombra-suave);
  --shadow-lg:     var(--sombra-pop);
  --shadow-card:   var(--sombra-suave);
  --shadow-hover:  var(--sombra-suave);
  --shadow-elevated: var(--sombra-pop);
  --shadow-gold:   0 0 0 1px rgba(251,187,14,.45), 0 10px 28px -10px rgba(251,187,14,.65);
  --shadow-cta:    0 0 0 1px rgba(251,187,14,.45), 0 10px 28px -10px rgba(251,187,14,.65);
  --shadow-gold-hover: 0 0 0 1px rgba(251,187,14,.7), 0 18px 40px -12px rgba(251,187,14,.8);
  --shadow-cta-hover:  0 0 0 1px rgba(251,187,14,.7), 0 18px 40px -12px rgba(251,187,14,.8);
  --shadow-focus:  0 0 0 4px var(--sol-glow);

  /* Espaciado */
  --space-1:  var(--space-xxs);
  --space-2:  var(--space-xs);
  --space-3:  12px;
  --space-4:  var(--space-sm);
  --space-5:  var(--space-md);
  --space-6:  var(--space-md);
  --space-8:  32px;
  --space-7:  var(--space-lg);
  --space-9:  var(--space-xl);
  --space-10: var(--space-xl);
  --space-12: var(--space-lg);
  --space-16: var(--space-xl);
  --container-max: var(--container);
  --container-padding: var(--space-md);

  /* Tipografía — nombres colisionados: valor v3 literal (v3-tokens.css L53-54) */
  --font-body:    "Outfit", "Helvetica Neue", Arial, sans-serif;
  --font-display: "Fraunces", Georgia, serif;

  /* Motion */
  --transition:          var(--motion-duration-ok) var(--spring);
  --transition-fast:     var(--motion-duration-ok) ease;
  --transition-base:     var(--motion-duration-ok) ease;
  --transition-slow:     var(--motion-duration-ok) ease;
  --transition-entrance: var(--motion-duration-ok) ease-out;
  --hover-lift:   translateY(-4px) scale(1.03);
  --active-press: translateY(-1px) scale(.98);
}