/* ============================================================
   SENDASTRAL — Design Tokens
   Autoconocimiento · Astrología Evolutiva · Profundidad
   ============================================================ */

:root {
  /* ---- Colores de marca ---- */
  --c-purple:       #4B3F72;   /* Morado principal */
  --c-silver:       #B8BCC4;   /* Silver */
  --c-warm-white:   #FAF9F7;   /* Blanco cálido */
  --c-ink:          #3B3D42;   /* Gris oscuro (texto) */

  /* ---- Derivados para profundidad y efectos ---- */
  --c-purple-deep:  #2E2749;   /* cielo nocturno / hero */
  --c-purple-soft:  #6B5FA0;   /* hover / brillos */
  --c-purple-glow:  rgba(107, 95, 160, .35);
  --c-gold:         #C9A96A;   /* acento metálico (uso sutil) */
  --c-line:         rgba(184, 188, 196, .35);

  /* ---- Texto ---- */
  --c-text:         var(--c-ink);
  --c-text-soft:    #6A6C72;
  --c-text-invert:  #F3F1FB;

  /* ---- Superficies ---- */
  --c-bg:           var(--c-warm-white);
  --c-surface:      #ffffff;
  --c-surface-2:    #F4F2F7;

  /* ---- Tipografía ---- */
  --font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-body:    "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;

  --fs-300: .8125rem;   /* 13px */
  --fs-400: 1rem;       /* 16px */
  --fs-500: 1.125rem;   /* 18px */
  --fs-600: 1.375rem;   /* 22px */
  --fs-700: clamp(1.6rem, 3vw, 2.2rem);
  --fs-800: clamp(2.2rem, 5vw, 3.4rem);
  --fs-900: clamp(2.8rem, 7vw, 5rem);

  --lh-tight: 1.15;
  --lh-base:  1.7;

  /* ---- Espaciado ---- */
  --sp-1: .25rem;
  --sp-2: .5rem;
  --sp-3: .75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4.5rem;
  --sp-9: 7rem;

  --container: 1140px;
  --container-narrow: 760px;

  /* ---- Radios ---- */
  --r-sm: 6px;
  --r-md: 12px;
  --r-lg: 22px;
  --r-pill: 999px;

  /* ---- Sombras ---- */
  --shadow-soft: 0 10px 40px -12px rgba(46, 39, 73, .18);
  --shadow-glow: 0 0 40px -6px var(--c-purple-glow);
  --shadow-card: 0 18px 50px -20px rgba(46, 39, 73, .28);

  /* ---- Movimiento ---- */
  --ease: cubic-bezier(.22, .61, .36, 1);
  --ease-soft: cubic-bezier(.4, 0, .2, 1);
  --t-fast: .25s;
  --t-base: .45s;
  --t-slow: .7s;
}