/* Paleta candidata "Cielo Vibrante" para vch
   Celeste vibrante + acentos saturados. Esperanza, energía, vida. Solo light. */

:root {
  /* Neutros */
  --vch-bg:            #F4FAFE;
  --vch-bg-elev:       #FFFFFF;
  --vch-ink:           #0B2540;
  --vch-ink-muted:     #44607A;
  --vch-ink-subtle:    #88A0B6;
  --vch-line:          #D0E1F0;
  --vch-line-strong:   #A8C5DD;

  /* Primario: celeste vibrante */
  --vch-primary:       #1FA8E6;
  --vch-primary-700:   #0F76AB;
  --vch-primary-900:   #0B547D;
  --vch-primary-50:    #D7EEFA;

  /* Acento principal: coral vibrante */
  --vch-accent:        #FF6347;
  --vch-accent-700:    #D8401F;
  --vch-accent-soft:   #FFDBD0;

  /* Vibrantes secundarios (ilustraciones y categorías) */
  --vch-butter:        #FFB81C;
  --vch-butter-soft:   #FFE7A3;
  --vch-mint:          #2DC78F;
  --vch-mint-soft:     #BFEDD8;
  --vch-lavender:      #8A5BE6;
  --vch-lavender-soft: #DECCF5;
  --vch-magenta:       #FF3D8F;
  --vch-magenta-soft:  #FFC2D7;
  /* Alias retrocompatible */
  --vch-pink:          #FF3D8F;
  --vch-pink-soft:     #FFC2D7;

  /* Estados */
  --vch-success:       #2DC78F;
  --vch-info:          #1FA8E6;
  --vch-warning:       #FFB81C;
  --vch-danger:        #FF4D4D;

  /* Tipografía */
  --vch-font-serif:    "Fraunces", "Source Serif 4", Georgia, serif;
  --vch-font-sans:     "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --vch-font-mono:     "JetBrains Mono", ui-monospace, Consolas, monospace;

  --vch-fw-regular:    400;
  --vch-fw-medium:     500;
  --vch-fw-semibold:   600;
  --vch-fw-bold:       700;
  --vch-fw-black:      900;

  /* Escala fluida perfect fourth (1.333) con clamp para responsive */
  --vch-text-xs:       0.8125rem;
  --vch-text-sm:       0.9375rem;
  --vch-text-base:     1.0625rem;
  --vch-text-lg:       1.25rem;
  --vch-text-xl:       clamp(1.375rem, 1vw + 1rem, 1.625rem);
  --vch-text-2xl:      clamp(1.625rem, 1.5vw + 1rem, 2.25rem);
  --vch-text-3xl:      clamp(2rem, 2vw + 1rem, 3rem);
  --vch-text-4xl:      clamp(2.5rem, 3vw + 1rem, 4rem);
  --vch-text-5xl:      clamp(3rem, 4vw + 1rem, 5.5rem);
  --vch-text-display:  clamp(3rem, 8vw + 0.5rem, 9rem);
  --vch-text-mega:     clamp(4rem, 14vw, 16rem);

  --vch-lh-tight:      1.1;
  --vch-lh-snug:       1.25;
  --vch-lh-normal:     1.55;
  --vch-lh-relaxed:    1.7;

  --vch-tracking-tight:-0.02em;
  --vch-tracking-wide: 0.04em;
  --vch-tracking-widest:0.14em;

  /* Espaciado */
  --vch-space-1:       0.25rem;
  --vch-space-2:       0.5rem;
  --vch-space-3:       0.75rem;
  --vch-space-4:       1rem;
  --vch-space-6:       1.5rem;
  --vch-space-8:       2rem;
  --vch-space-12:      3rem;
  --vch-space-16:      4rem;
  --vch-space-24:      6rem;

  /* Radios */
  --vch-radius-sm:     6px;
  --vch-radius-md:     12px;
  --vch-radius-lg:     20px;
  --vch-radius-xl:     28px;
  --vch-radius-pill:   9999px;

  /* Sombras */
  --vch-shadow-sm:     0 1px 2px rgba(15, 42, 68, 0.05);
  --vch-shadow-md:     0 8px 22px rgba(15, 42, 68, 0.08);
  --vch-shadow-lg:     0 22px 48px rgba(15, 42, 68, 0.10);

  /* Motion */
  --vch-ease:          cubic-bezier(0.4, 0, 0.2, 1);
  --vch-duration-fast: 150ms;
  --vch-duration:      280ms;
}