/* Paleta "Serene Nature Tones" · Apartamentos Las Huertas.
   Este archivo sólo define los colores; la maquetación está en styles.css. */
:root {
  /* Paleta "Serene Nature Tones":
       #6B9080   #A4C3B2   #CCE3DE   #EAF4F4   #F6FFF8
     Los cinco tonos se usan tal cual en fondos, bordes y detalles.
     Para las superficies que llevan TEXTO ENCIMA hacen falta tonos más
     profundos de la misma familia: el más oscuro de la paleta, #6B9080,
     sólo da 3,5:1 con texto blanco y el mínimo legible (WCAG AA) es 4,5:1.
     De ahí --blue, --blue-dark y --accent, que son ese mismo verde salvia
     bajado de luminosidad. */

  /* --- Tonos derivados, para texto --- */
  --blue: #3e5c50;          /* cabecera y primarios · 7,4:1 con blanco */
  --blue-dark: #2c4239;     /* titulares y texto fuerte · 10,8:1 con blanco */
  --accent: #4a6b5d;        /* botones y enlaces · 5,9:1 con blanco */
  --accent-hover: #3a544a;

  /* --- Los cinco de la paleta --- */
  --sage-base: #6b9080;     /* decorativo: nunca con texto blanco pequeño encima */
  --sage: #a4c3b2;          /* detalles, separadores, estados suaves */
  --mint: #cce3de;          /* bordes y fondos de bloque */
  --blue-light: #eaf4f4;    /* fondos suaves */
  --bg: #f6fff8;            /* fondo general de la página */

  /* --- Compatibilidad con el CSS existente --- */
  --amber: #cce3de;         /* acento claro sobre fondo oscuro · 5,5:1 sobre --blue */
  --leaf-light: #a4c3b2;

  /* --- Semánticos --- */
  --green: #2f6f56;         /* éxito / disponible · 6,0:1 con blanco */
  --red: #a83b3b;           /* error / rechazo · 6,3:1 con blanco */
  --ink: #1f2a26;
  --muted: #5d726b;         /* 5,1:1 con blanco */
  --line: #dde8e4;
  --card: #ffffff;
  --radius: 12px;
  --shadow: 0 2px 8px rgba(0, 0, 0, .08);
  --shadow-lg: 0 6px 24px rgba(0, 0, 0, .12);
}