:root {
  /* Colors */
  --color-bg:             #0C0B09;
  --color-surface:        #141210;
  --color-surface-hover:  #1C1916;
  --color-cream:          #F2EDE4;
  --color-cream-deep:     #E5DECE;
  --color-text-light:     #F0EBE2;
  --color-text-muted:     #8A8178;
  --color-text-dark:      #1A1714;
  --color-text-dark-muted:#6B6358;
  --color-accent:         #C8A96E;
  --color-accent-light:   #E2C994;
  --color-border-dark:    rgba(255,255,255,0.07);
  --color-border-cream:   rgba(0,0,0,0.10);
  --color-overlay:        rgba(12,11,9,0.82);
  --color-whatsapp:       #25D366;

  /* Typography */
  --font-heading: 'Archivo', sans-serif;
  --font-body:    'Inter', sans-serif;
  --font-accent:  'Fraunces', Georgia, serif;

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-md:   1.125rem;
  --text-lg:   1.375rem;
  --text-xl:   1.3rem;
  --text-2xl:  1.875rem;
  --text-3xl:  2.6rem;
  --text-hero: clamp(3rem, 8vw, 6.5rem);

  /* Spacing */
  --space-xs:  0.5rem;
  --space-sm:  1rem;
  --space-md:  1.5rem;
  --space-lg:  2.5rem;
  --space-xl:  4rem;
  --space-2xl: 6rem;
  --space-3xl: 9rem;
  --section-pad-y: clamp(2rem, 4vw, 3.5rem);

  /* Motion */
  --ease-out:       cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out:    cubic-bezier(0.45, 0, 0.55, 1);
  --ease-gold:      cubic-bezier(0.22, 1, 0.36, 1);
  --duration-fast:  200ms;
  --duration-base:  400ms;
  --duration-slow:  700ms;
  --duration-enter: 900ms;
}