/*
  Marca de Como siempre: colores, tipografía y medidas.
  Todos los colores de la web salen de aquí. Si hay que cambiar uno,
  se cambia en este archivo y se actualiza en toda la página.

  Valores copiados del Figma «Como Siempre · nueva landing» (diseño 2).
  Los nombres son propios. El diseño 1 está guardado en git (etiqueta «diseno-1»).
*/

@import url("https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&display=swap");

:root {
  /* Colores */
  --color-tinta: #24111b;          /* texto principal y botón principal */
  --color-vino: #4b102b;           /* paneles oscuros, tarjeta de 60 € */
  --color-vino-claro: #6b1e3a;     /* aviso dentro de la tarjeta de 60 € */
  --color-rojo: #d92d2d;           /* acentos, botones de acción, puntos */
  --color-coral: #f06a62;          /* acentos sobre fondo vino */
  --color-rosa: #f7d6db;           /* texto suave sobre vino */
  --color-rosa-palido: #fbeaec;    /* etiquetas y fondo de testimonios */
  --color-gris: #6f666b;           /* texto secundario */
  --color-borde: #ece8e5;          /* bordes y separadores */
  --color-borde-fuerte: #d0cbc6;   /* borde del botón secundario */
  --color-crema: #faf8f5;          /* fondos claros de sección y tarjetas */
  --color-blanco: #ffffff;

  /* Tipografía: Sora en toda la web (decidido el 26/09/2026; el Figma usa Inter en algunas secciones) */
  --fuente: "Sora", system-ui, sans-serif;

  /* Medidas */
  --margen: 100px;                 /* margen lateral de las secciones */
  --radio-pildora: 100px;
}