/* ============================================================
   CLIENT CONFIG — COLORS
   Benitez Tree Service
   Cambiar SOLO estas variables para re-tematizar el sitio.
   ============================================================ */
:root {
  /* Marca (dados por el cliente) */
  --color-brand-green: #2F5F41;
  --color-brand-red: #B72121;
  --color-brand-white: #FFFFFF;

  /* Variantes derivadas del verde/rojo de marca (para hover, overlays, gradientes) */
  --color-brand-green-dark: #203F2C;
  --color-brand-green-light: #4C7F5E;
  --color-brand-red-dark: #8A1919;
  --color-brand-red-light: #D24444;

  /* Neutros de apoyo (paleta de 2-3 colores + neutros, según skill) */
  --color-ink: #17231B;         /* texto principal, muy cercano al verde oscuro */
  --color-charcoal: #2B2B28;
  --color-sand: #F4F1EA;        /* fondo cálido, evoca madera/tierra de jardín */
  --color-sand-deep: #E7E1D2;
  --color-cream: #FBFAF6;

  /* Semánticos */
  --color-bg: var(--color-cream);
  --color-bg-alt: var(--color-sand);
  --color-text: var(--color-ink);
  --color-text-inverse: var(--color-brand-white);
  --color-primary: var(--color-brand-green);
  --color-primary-dark: var(--color-brand-green-dark);
  --color-accent: var(--color-brand-red);
  --color-accent-dark: var(--color-brand-red-dark);

  /* Sombras / overlays */
  --overlay-dark: rgba(15, 23, 17, 0.62);
  --overlay-dark-strong: rgba(10, 16, 12, 0.78);
  --shadow-soft: 0 10px 30px rgba(23, 35, 27, 0.12);
  --shadow-strong: 0 22px 60px rgba(23, 35, 27, 0.28);
}