/* ==========================================================================
   DariaDesign — Design tokens
   Fuente única de verdad para todas las landings sectoriales.
   No editar por nicho: si cambia la marca, cambia aquí y se propaga a todas.
   ========================================================================== */

:root {
  /* Paleta de marca */
  --verde: #2E4A38;
  --salvia: #7CB987;
  --lima: #D4E8A2;
  --crema: #F7F4EC;
  --miel: #E8A838;
  --arena: #EEEAE2;

  /* Roles semánticos (así los componentes no dependen del nombre del color) */
  --color-bg: var(--crema);
  --color-bg-alt: var(--arena);
  --color-surface: #FFFFFF;
  --color-text: var(--verde);
  --color-text-muted: #5C6F62;
  --color-accent: var(--miel);
  --color-accent-soft: var(--lima);
  --color-brand: var(--verde);
  --color-border: rgba(46, 74, 56, 0.14);
  /* Borde cálido (gris-beige, no verde) — el que usa realmente el header/footer de dariadesign.es */
  --color-border-warm: rgba(181, 175, 168, 0.37);

  /* Tipografía */
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Jost', 'Helvetica Neue', Arial, sans-serif;
  /* Trazo a mano — solo para el detalle firmado de "años de experiencia", nunca para texto funcional */
  --font-hand: 'Caveat', cursive;

  --fs-h1: clamp(2.2rem, 5vw, 3.6rem);
  --fs-h2: clamp(1.7rem, 3.2vw, 2.5rem);
  --fs-h3: clamp(1.25rem, 2vw, 1.5rem);
  --fs-body: 1.05rem;
  --fs-small: 0.9rem;
  --lh-body: 1.65;
  --lh-display: 1.15;
  /* Peso de titulares: dariadesign.es usa 400 (regular) en Cormorant Garamond, no 500 */
  --fw-display: 400;

  /* Botones: dariadesign.es usa chip rectangular, versalitas y tracking amplio — nunca pill */
  --radius-btn: 2px;
  --fs-btn: 0.75rem;
  --tracking-btn: 0.12em;

  /* Espaciado */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.75rem;
  --space-lg: 3rem;
  --space-xl: 5rem;
  --space-2xl: 8rem;

  /* Layout */
  --content-max: 1180px;
  --content-narrow: 720px;
  --radius: 10px;
  --radius-lg: 18px;

  /* Sombra única, discreta — se usa con moderación */
  --shadow-soft: 0 12px 30px rgba(46, 74, 56, 0.08);
}