:root {
  /* ── COLORES ─────────────────────────────────────────── */
  --c-bg:          #F8F7F6;
  --c-bg-alt:      #F2F0EE;
  --c-bg-dark:     #1A1A2E;
  --c-text:        #1A1A2E;
  --c-text-mid:    #4B5563;
  --c-text-light:  #9CA3AF;
  --c-text-inv:    #F8F7F6;

  --c-accent:      #8B5CF6;
  --c-accent-dark: #7C3AED;
  --c-accent-light: rgba(139,92,246,0.08);
  --c-accent-2:    #F472B6;
  --c-accent-grad: linear-gradient(135deg, #8B5CF6 0%, #F472B6 100%);

  --shadow-glow:   0 0 0 1px rgba(139,92,246,0.2), 0 8px 32px rgba(139,92,246,0.25);

  --c-border:      #E5E7EB;
  --c-border-dark: #2D2D45;

  /* ── TIPOGRAFÍA ──────────────────────────────────────── */
  --font-display:  'Fraunces', Georgia, serif;
  --font-body:     'DM Sans', system-ui, sans-serif;

  --text-xs:    0.75rem;
  --text-sm:    0.875rem;
  --text-base:  1rem;
  --text-md:    1.125rem;
  --text-lg:    1.25rem;
  --text-xl:    1.5rem;
  --text-2xl:   2rem;
  --text-3xl:   2.5rem;
  --text-4xl:   3.5rem;
  --text-5xl:   5rem;

  --leading-tight:  1.1;
  --leading-snug:   1.3;
  --leading-normal: 1.6;
  --leading-loose:  1.8;

  --tracking-tight:  -0.03em;
  --tracking-normal:  0;
  --tracking-wide:    0.08em;
  --tracking-wider:   0.15em;

  /* ── ESPACIADO ───────────────────────────────────────── */
  --space-1:   0.25rem;
  --space-2:   0.5rem;
  --space-3:   0.75rem;
  --space-4:   1rem;
  --space-5:   1.25rem;
  --space-6:   1.5rem;
  --space-8:   2rem;
  --space-10:  2.5rem;
  --space-12:  3rem;
  --space-16:  4rem;
  --space-20:  5rem;
  --space-24:  6rem;
  --space-32:  8rem;

  --section-gap:    var(--space-24);
  --section-gap-lg: var(--space-32);
  --container-max:  1200px;
  --container-pad:  var(--space-6);

  /* ── RADIOS ──────────────────────────────────────────── */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   20px;
  --radius-full: 9999px;

  /* ── SOMBRAS ─────────────────────────────────────────── */
  --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.08);
  --shadow-lg:     0 12px 40px rgba(0,0,0,0.10);
  --shadow-accent: 0 8px 32px rgba(139,92,246,0.18);

  /* ── TRANSICIONES ────────────────────────────────────── */
  --ease-out:  cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:   cubic-bezier(0.7, 0, 0.84, 0);
  --duration-fast:   150ms;
  --duration-base:   250ms;
  --duration-slow:   400ms;
  --duration-slower: 700ms;

  /* ── Z-INDEX ─────────────────────────────────────────── */
  --z-base:    1;
  --z-above:   10;
  --z-sticky:  100;
  --z-modal:   1000;
}