/**
 * REFORMAS YAMYLU — Design Tokens
 * Fuente: DESIGN_SYSTEM.md — Sección Apéndice
 * Nunca modificar estos valores sin actualizar DESIGN_SYSTEM.md
 */

:root {

  /* ─── COLORES PRIMARIOS ─── */
  --color-night:         #0C1220;   /* Fondo principal */
  --color-navy:          #1A2C5B;   /* Azul marino Yamylu */
  --color-gold:          #C9A44A;   /* Oro Yamylu */
  --color-white:         #F4EFE6;   /* Blanco editorial */

  /* ─── COLORES SECUNDARIOS ─── */
  --color-surface:       #151F35;
  --color-silver:        #8A9BB5;
  --color-gold-ghost:    rgba(201, 164, 74, 0.12);
  --color-gold-dim:      rgba(201, 164, 74, 0.40);
  --color-gold-bright:   rgba(201, 164, 74, 0.85);
  --color-night-blur:    rgba(12, 18, 32, 0.95);
  --color-white-80:      rgba(244, 239, 230, 0.80);
  --color-white-60:      rgba(244, 239, 230, 0.60);
  --color-silver-60:     rgba(138, 155, 181, 0.60);

  /* ─── TONOS CÁLIDOS — extensión mediterránea premium ─── */
  /* Sustituyen fondos fríos en secciones editoriales intermedias.
     Nunca en Hero ni Garantía — solo donde el dramatismo cede paso
     a la calidez de un interior de interiorismo premium.          */
  --color-warm-deep:     #0E0C08;   /* espresso oscuro — Testimonios  */
  --color-warm-surface:  #161210;   /* lino oscuro — Proceso           */
  --color-stone-overlay: rgba(215, 190, 148, 0.042); /* micro-calidez  */
  --color-stone-border:  rgba(210, 185, 145, 0.14);  /* borde cálido   */
  --color-ivory-text:    rgba(232, 220, 198, 0.68);  /* silver cálido  */

  /* ─── ESTADO FUNCIONAL — validación de formularios ───────────────────
     Único color fuera de la paleta cerrada (Night/Navy/Gold/White). No es
     decorativo: comunica un error de validación, un uso convencional en
     cualquier interfaz (rojo = error) que ningún tono de la paleta cubre
     sin generar ambigüedad con el dorado de marca. Introducido en el
     Sprint 018B (A724 Lead Engine v1) para el formulario de contacto —
     ver Gestion/lead-engine-v1-architecture.md. */
  --color-error:         #C0524B;
  --color-error-bg:      rgba(192, 82, 75, 0.10);

  /* ─── TIPOGRAFÍA ─── */
  --font-display:        'Cormorant Garamond', Georgia, serif;
  --font-body:           'DM Sans', system-ui, -apple-system, sans-serif;

  /* ─── TAMAÑOS — RESPONSIVE CON CLAMP ─── */
  --text-hero:           clamp(48px, 7.5vw, 112px);
  --text-section:        clamp(36px, 5vw, 80px);
  --text-data:           clamp(80px, 12vw, 180px);
  --text-emphasis:       clamp(18px, 2vw, 24px);
  --text-body:           clamp(15px, 1.6vw, 18px);
  --text-label:          12px;
  --text-nav:            11px;

  /* ─── ESPACIADO (base 8px) ─── */
  --space-xs:            8px;
  --space-sm:            16px;
  --space-md:            32px;
  --space-lg:            64px;
  --space-xl:            96px;
  --space-2xl:           128px;
  --space-3xl:           192px;
  --space-4xl:           256px;

  /* ─── LAYOUT ─── */
  --max-content:         1280px;
  --max-wide:            1440px;
  --max-text:            640px;
  --max-hero-text:       820px;
  --nav-height:          72px;
  --nav-height-mobile:   60px;

  /* ─── MOTION ─── */
  --ease-premium:        cubic-bezier(0.16, 1, 0.3, 1);
  --ease-smooth:         cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out:            cubic-bezier(0.0, 0, 0.2, 1);
  --duration-fast:       300ms;
  --duration-base:       500ms;
  --duration-slow:       700ms;
  --duration-cinematic:  1000ms;
  --duration-epic:       1600ms;

  /* ─── BORDERS ─── */
  --border-gold:         1px solid rgba(201, 164, 74, 0.40);
  --border-gold-solid:   1px solid #C9A44A;
  --border-radius:       3px;

  /* ─── OVERLAYS ─── */
  --overlay-hero: linear-gradient(
    to top,
    rgba(12, 18, 32, 0.92) 0%,
    rgba(12, 18, 32, 0.58) 38%,
    rgba(12, 18, 32, 0.22) 65%,
    rgba(12, 18, 32, 0.06) 100%
  );

  --overlay-top: linear-gradient(
    to bottom,
    rgba(12, 18, 32, 0.50) 0%,
    rgba(12, 18, 32, 0.00) 35%
  );
}