/* ═══════════════════════════════════════════════════════════════
   DESIGN TOKENS — vetete
   Generado automaticamente. No editar manualmente.
   ═══════════════════════════════════════════════════════════════ */
:root {
  /* Colores */
  --primary:         #7c3aed;
  --primary-dark:    #5b21b6;
  --primary-rgb:     124, 58, 237;
  --secondary:       #db2777;
  --accent:          #f59e0b;
  --dark:            #0f172a;
  --light:           #faf5ff;
  --text-primary:    #1e293b;
  --text-secondary:  #64748b;
  --border:          #e2e8f0;
  --surface:         #ffffff;

  /* Tipografia */
  --font-heading:    'Space Grotesk', system-ui, sans-serif;
  --font-body:       'Inter', system-ui, sans-serif;
  --weight-display:  700;
  --weight-body:     400;

  /* Escala tipografica */
  --text-xs:   clamp(0.7rem,  1vw, 0.75rem);
  --text-sm:   clamp(0.85rem, 1.5vw, 0.875rem);
  --text-base: clamp(1rem,    2vw, 1rem);
  --text-lg:   clamp(1.1rem,  2vw, 1.125rem);
  --text-xl:   clamp(1.2rem,  2.5vw, 1.25rem);
  --text-2xl:  clamp(1.4rem,  3vw, 1.5rem);
  --text-3xl:  clamp(1.7rem,  4vw, 1.875rem);
  --text-4xl:  clamp(2rem,    5vw, 2.5rem);
  --text-5xl:  clamp(2.5rem,  6vw, 3.5rem);
  --text-hero: clamp(3rem,    8vw, 5.5rem);

  /* Espaciado - base: 4px */
  --space-scale: 4-8-16-24-32-48-64-96px;
  --gap-sm:    0.75rem;
  --gap-md:    1.5rem;
  --gap-lg:    2.5rem;
  --gap-xl:    4rem;
  --gap-2xl:   6rem;
  --section-py: clamp(3rem, 8vw, 6rem);

  /* Border radius - smooth */
  --radius-sm:  calc(12px * 0.5);
  --radius-md:  12px;
  --radius-lg:  calc(12px * 1.5);
  --radius-xl:  calc(12px * 2.5);
  --radius-full: 9999px;

  /* Sombras - neumorphic */
  --shadow-sm:  0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
  --shadow-md:  0 4px 16px rgba(0,0,0,0.10), 0 2px 4px rgba(0,0,0,0.05);
  --shadow-lg:  0 20px 48px rgba(0,0,0,0.14), 0 8px 16px rgba(0,0,0,0.06);
  --shadow-xl:  0 32px 80px rgba(0,0,0,0.18), 0 16px 32px rgba(0,0,0,0.08);
  --shadow-colored: 0 8px 32px rgba(0,0,0,0.20);

  /* Transiciones */
  --transition-fast:   150ms ease-out;
  --transition-base:   250ms ease-out;
  --transition-slow:   400ms ease-out;
  --transition-spring: 300ms cubic-bezier(0.34, 1.56, 0.64, 1);

  /* Z-index */
  --z-below:   -1;
  --z-base:     0;
  --z-raised:  10;
  --z-nav:    100;
  --z-modal:  200;
  --z-toast:  300;

  /* Contenedor */
  --max-width:      1280px;
  --max-width-sm:    768px;
  --max-width-md:    960px;
  --content-padding: clamp(1rem, 5vw, 2rem);
}