/* ============================================================
   Ester Bravo · marca personal — tokens
   Única fuente de verdad para color, tipografía, espaciado y radios.
   La web y las apps consumen estas variables; nadie las redefine.
   Concepto: "Collage" (2026-09-18, paleta ajustada 2026-09-19): carbón cálido + crema, acentos coral/amarillo/lila,
   serif con carácter para titulares, geometría simple, foto recortada tipo sticker.
   Reglas duras: nada de verde, nada de azul de fondo, el coral nunca como fondo de sección.
   ============================================================ */

:root {
  /* ---------- color: base ---------- */
  --carbon:        #1C1A1F;   /* fondo profundo (carbón cálido); texto sobre claros */
  --carbon-2:      #2A272E;   /* superficie sobre carbón */
  --crema:         #F3EBE0;   /* bloque claro; texto sobre carbón */
  --crema-2:       #FBF7F1;   /* tarjetas sobre bloques claros */

  /* ---------- color: acentos ---------- */
  --coral:         #FF5A3C;   /* formas, acción sobre carbón, los lentes. Nunca como fondo de sección */
  --coral-oscuro:  #D9401F;   /* coral para TEXTO sobre crema (3,8:1) */
  --coral-profundo:#B42D12;   /* coral para TITULARES sobre lila o amarillo (3,1:1 sobre lila) */
  --amarillo:      #FFC93C;   /* bloque de sección (agenda), botón principal sobre carbón, anillos */
  --lila:          #C9A6FF;   /* bloque de sección (qué es el coaching), blob */
  --morado:        #5A2483;   /* morado arzobispo: acento en "coach" y borde del panel de coaching (8,8:1 sobre crema) */
  --verde:         #25D366;   /* el único verde de la marca: marcador de destacados, sombra y tachado ligados a WhatsApp/gratis */
  --whatsapp:      var(--verde);

  /* ---------- color: roles ---------- */
  --bg:            var(--carbon);
  --fg:            var(--crema);
  --accent:        var(--coral);
  --link:          var(--amarillo);

  /* ---------- tipografía ---------- */
  --font-display:  "Fraunces", Georgia, "Times New Roman", serif;
  --font-body:     "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-hand:     "Caveat", cursive;

  --text-xs:  0.8rem;
  --text-sm:  0.92rem;
  --text-md:  1.05rem;
  --text-lg:  1.25rem;
  --text-xl:  clamp(1.6rem, 3vw, 2.2rem);
  --text-2xl: clamp(2.2rem, 4.6vw, 3.6rem);
  --text-hero: clamp(2.6rem, 6vw, 5.4rem);

  --leading-tight: 1.02;
  --leading-body:  1.6;

  /* ---------- espaciado y forma ---------- */
  --space-1: .5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 7rem;
  --gutter:  clamp(16px, 5vw, 72px);
  --measure: 60ch;

  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-pill: 999px;

  --shadow-pop: 0 24px 60px -30px rgba(28, 26, 31, .45);

  /* ---------- movimiento ---------- */
  --ease-out: cubic-bezier(.2, .8, .2, 1);
  --dur-fast: 180ms;
  --dur-slow: 700ms;
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur-fast: 0ms; --dur-slow: 0ms; }
}