/* variables.css — Variables CSS oficiales del proyecto */
/* Paleta extraída de la portada del libro (ver /docs/DESIGN_SYSTEM.md, sección 14). */

:root {
  /* === Colores base === */
  --color-bg-warm: #FAF9F6;
  --color-text-dark: #09201E;
  --color-lotus-green: #798F5E;
  --color-leaf-soft: #A7B6A6;
  --color-water-deep: #2E5852;
  --color-water-light: #8FCFD2;
  --color-gold-soft: #DAC07E;
  --color-petal-rose: #C98593;

  /* === Colores semánticos === */
  --color-primary: var(--color-petal-rose);
  --color-primary-dark: var(--color-water-deep);
  --color-accent: var(--color-gold-soft);
  --color-background: var(--color-bg-warm);
  --color-surface: #FFFFFF;
  --color-text: var(--color-text-dark);
  --color-text-muted: var(--color-leaf-soft);
  --color-border: var(--color-leaf-soft);

  /* === Tipografía === */
  --font-heading: Georgia, "Times New Roman", serif;
  --font-body: Arial, Helvetica, sans-serif;
  --font-size-base: 16px;
  --line-height-base: 1.6;

  /* === Espaciado === */
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 40px;
  --space-xl: 64px;

  /* === Bordes === */
  --radius-sm: 4px;
  --radius-md: 12px;
  --radius-lg: 24px;

  /* === Sombras === */
  --shadow-soft: 0 2px 8px rgba(9, 32, 30, 0.08);
  --shadow-card: 0 4px 16px rgba(9, 32, 30, 0.12);

  /* === Transiciones === */
  --transition-fast: 0.15s ease;
  --transition-base: 0.3s ease;

  /* === Layout === */
  --container-max: 1200px;
}