/* Sistema de diseño Pétalos de Amor.
   Valores tomados de docs/sistema-de-diseno.md. No inventar colores nuevos. */

:root {
  /* Color */
  --crema:        #FDF9F5;
  --marfil:       #FBF1EC;
  --rosa-suave:   #F7E4DE;
  --coral:        #D98A7B;
  --coral-oscuro: #C4705F;
  --verde:        #3E4B35;
  --oliva:        #6B7355;
  --marron:       #4A3B35;
  --gris:         #7A6A62;
  --borde:        #EADFD8;
  --blanco:       #FFFFFF;

  /* Derivados del coral, mismo tono (10°), solo más oscuros para cumplir WCAG AA (4,5:1).
     --coral y --coral-oscuro se conservan sin cambios para uso decorativo (bordes,
     iconos grandes, fondos suaves): nunca para texto ni superficie de botón. */
  --coral-texto:        #C14D37; /* enlaces y texto sobre crema: 4,57:1 */
  --coral-boton:        #C6503A; /* fondo de botón con texto blanco: 4,56:1 */
  --coral-boton-hover:  #AF4632; /* hover de botón y de enlace, con texto blanco: 5,61:1 */

  /* Tipografía. Las familias se sirven en local desde /assets/fonts/ */
  --fuente-titulo: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --fuente-cuerpo: "Jost", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* Escala tipográfica, fluida entre móvil y escritorio */
  --t-micro:  0.6875rem;
  --t-peque:  0.8125rem;
  --t-base:   1rem;
  --t-medio:  clamp(1.125rem, 1rem + 0.5vw, 1.375rem);
  --t-grande: clamp(1.5rem,  1.2rem + 1.4vw, 2.25rem);
  --t-hero:   clamp(2.25rem, 1.6rem + 3vw,  3.75rem);

  /* Espaciado */
  --e1: 0.25rem;
  --e2: 0.5rem;
  --e3: 1rem;
  --e4: 1.5rem;
  --e5: 2.5rem;
  --e6: 4rem;

  /* Disposición */
  --ancho-max: 1200px;
  --radio:     3px;
  --borde-fino: 1px solid var(--borde);
}