:root {
  /* Paleta */
  --color-bg:          #F5F0E8;
  --color-bg-dark:     #EDE7D8;
  --color-bg-darker:   #E4DCC8;
  --color-ink:         #2C1810;
  --color-ink-mid:     #4A2E20;
  --color-ink-light:   #6B4332;
  --color-accent:      #C4785A;
  --color-accent-dark: #A85E42;
  --color-sage:        #7A8C6E;
  --color-gold:        #B8955A;
  --color-gold-light:  #D4AF7A;

  /* Tipografía */
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body:    'Lora', Georgia, serif;

  --text-xs:   0.72rem;
  --text-sm:   0.85rem;
  --text-base: 1rem;
  --text-lg:   1.15rem;
  --text-xl:   1.35rem;
  --text-2xl:  clamp(1.6rem, 4vw, 2.4rem);
  --text-3xl:  clamp(2.4rem, 6vw, 4rem);

  /* Espaciado */
  --space-xs:  8px;
  --space-sm:  16px;
  --space-md:  28px;
  --space-lg:  48px;
  --space-xl:  72px;
  --space-2xl: 96px;

  /* Layout */
  --max-prose: 720px;
  --max-wide:  1320px;

  /* Transiciones */
  --ease-soft: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:   cubic-bezier(0.4, 0, 1, 1);

  /* Sombras */
  --shadow-sm: 0 2px 8px rgba(44, 24, 16, 0.08);
  --shadow-md: 0 4px 20px rgba(44, 24, 16, 0.12);
  --shadow-lg: 0 8px 40px rgba(44, 24, 16, 0.16);
}