:root {
  /* Paleta cromática principal */
  --bg-canvas: #FAF8F5;          /* Blanco roto cálido de fondo */
  --bg-surface: #FFFFFF;         /* Superficies elevadas y tarjetas */
  --bg-warm-alt: #F3EFE8;        /* Arena cálido para contraste y ritmo */
  --bg-warm-subtle: #F8F5EE;     /* Tono suave intermedio */
  --bg-olive-whisper: #F1F4EE;   /* Verde oliva ultra desaturado para detalles */

  /* Textos y contraste */
  --text-heading: #1C1D1A;       /* Casi negro con calidez */
  --text-body: #484945;          /* Gris oscuro para textos principales */
  --text-secondary: #6B6C67;     /* Gris medio para descripciones */
  --text-muted: #8E9089;         /* Gris atenuado para notas al pie y microcopy */
  --text-inverse: #FFFFFF;

  /* Color de acción (Verde Oliva) */
  --color-olive: #6B8E23;
  --color-olive-hover: #5A771E;
  --color-olive-dark: #4A6317;
  --color-olive-tint: rgba(107, 142, 35, 0.08);
  --color-olive-subtle: rgba(107, 142, 35, 0.16);

  /* Bordes y separadores sutiles */
  --border-subtle: rgba(44, 46, 40, 0.08);
  --border-medium: rgba(44, 46, 40, 0.14);
  --border-accent: #DDD5C7;

  /* Tipografía */
  --font-main: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  /* Sombras suaves y serenas (sin estridencias) */
  --shadow-subtle: 0 2px 10px rgba(35, 34, 30, 0.03);
  --shadow-card: 0 8px 30px rgba(35, 34, 30, 0.05);
  --shadow-lift: 0 16px 36px rgba(35, 34, 30, 0.08);

  /* Radios de curvatura serenos */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-full: 9999px;

  /* Espaciado del sistema */
  --container-max: 1160px;
  --container-narrow: 840px;
  --transition-smooth: all 0.28s cubic-bezier(0.16, 1, 0.3, 1);
}