:root {
  /* Color: neutros calidos como protagonistas */
  --color-bg: #F7F1E8;
  --color-surface: #FFFEFB;
  --color-white: #FFFEFB;
  --color-surface-alt: #EDE3D4;
  --color-border: #DDD0BC;
  --color-border-strong: #C8B89F;

  /* Color: texto */
  --color-text: #2D2520;
  --color-black: #2D2520;
  --color-text-light: #6B5D52;
  --color-text-muted: #6F6156;

  /* Color: marca como acentos */
  --color-primary: #8B1F6B;
  --color-primary-dark: #6B1753;
  --color-primary-light: #B8448E;
  --color-dark-purple: #5C1245;

  --color-accent: #2BB5C4;
  --color-accent-dark: #1E8FAA;
  --color-accent-text: #176F79;
  --color-accent-soft: #D8F0EF;

  --color-warm: #E8A33D;
  --color-warm-light: #F5C56A;
  --color-warm-dark: #B87A20;
  --color-warm-text: #8F5E18;
  --color-warm-soft: #F7E5C3;

  --color-rose: #D94A8C;
  --color-rose-dark: #B33A6F;
  --color-rose-soft: #F6DCE8;

  --color-success: #4A6B3A;
  --color-success-bg: #E8EFE0;
  --color-error: #C0392B;
  --color-error-bg: #FDEDEC;

  /* Tipografia */
  --font-display-fraunces: 'Fraunces', Georgia, serif;
  --font-display-playfair: 'Playfair Display', Georgia, serif;
  --font-heading: var(--font-display-fraunces);
  --font-script: 'Caveat', cursive;
  --font-body: 'DM Sans', 'Inter', system-ui, sans-serif;

  /* Escala tipografica */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-md: 1.0625rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;
  --text-5xl: 3rem;
  --text-6xl: 3.75rem;
  --text-7xl: 4.5rem;

  /* 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-14: 3.5rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-28: 7rem;

  /* Layout */
  --container-max: 1200px;
  --container-wide: 1360px;
  --container-padding: 1.5rem;
  --header-height: 88px;

  /* Bordes */
  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 14px;
  --radius-xl: 18px;
  --radius-full: 9999px;
  --radius-pill: var(--radius-full);

  /* Sombras calidas */
  --shadow-xs: 0 1px 2px rgba(45, 37, 32, 0.05);
  --shadow-sm: 0 2px 8px rgba(45, 37, 32, 0.07);
  --shadow: 0 10px 28px rgba(45, 37, 32, 0.10);
  --shadow-lg: 0 18px 48px rgba(45, 37, 32, 0.15);
  --shadow-primary: 0 10px 24px rgba(139, 31, 107, 0.22);

  /* Movimiento */
  --transition: 220ms ease-out;
  --transition-slow: 300ms ease-out;

  /* Focus accesible */
  --focus-ring: 0 0 0 3px rgba(139, 31, 107, 0.18);
}