/* ============================================================
   DESIGN SYSTEM — TOKENS
   Fuente de verdad: Web/Design System.png + brief
   ============================================================ */

:root {
  /* --- Color --------------------------------------------- */
  --c-purple:       #9657FE; /* purple main      */
  --c-purple-dark:  #5A1FB0; /* purple oscuro (textos / resaltado) */
  --c-pink-purple:  #DE97FF; /* pink purple      */
  --c-lavender:     #D6C1FA; /* lavender         */
  --c-dark:         #2E2E2E; /* dark gray        */
  --c-light-gray:   #F1F1F1; /* light gray       */
  --c-ghost:        #FCFAFF; /* ghost purple     */
  --c-black:        #000000;
  --c-white:        #FFFFFF;

  /* Roles semánticos */
  --bg:        var(--c-white);
  --bg-soft:   var(--c-ghost);
  --text:      var(--c-black);
  --text-soft: var(--c-dark);
  --accent:    var(--c-purple);

  /* --- Tipografía ---------------------------------------- */
  --font-display: "Bricolage Grotesque", "Geist", system-ui, sans-serif;
  --font-ui:      "Geist", system-ui, sans-serif;

  /* Escala (design system). clamp() = responsive sin breakpoints */
  --fs-h1:   clamp(2.75rem, 6vw, 4rem);    /* 64px  Bricolage Medium */
  --fs-h2:   clamp(2.25rem, 5vw, 3.375rem);/* 54px  Bricolage Regular */
  --fs-h3:   clamp(1.5rem, 3vw, 2rem);     /* 32px  Bricolage Regular */
  --fs-h4:   1.75rem;                       /* 28px  Geist Medium */
  --fs-h5:   1.5rem;                        /* 24px  Geist Medium */
  --fs-h6:   1rem;                          /* 16px  Geist Light */
  --fs-body: 1rem;                          /* 16px  Geist Light */
  --fs-nav:  0.8125rem;                     /* 13px  nav / labels */

  /* Pesos */
  --fw-light:  300;
  --fw-reg:    400;
  --fw-medium: 500;

  /* --- Espaciado / layout -------------------------------- */
  --gutter:  clamp(1.25rem, 4vw, 3.5rem);
  --maxw:    1440px;
  --radius:  999px;

  /* --- Motion -------------------------------------------- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur:      0.6s;
}

/* Modo claro fijo para el Hero (fondo claro según spec) */