/* Marca Mi-invernadero (rediseño 2026-08-28). Mismos tokens que la tienda
   (mi-invernadero: assets/shop/css/brand.css). Se carga antes que el resto de
   hojas en todas las páginas: es la única fuente de colores y fuentes.

   Uso de color (guía de marca):
   - Bosque: cabeceras, pie, botón oscuro.
   - Hoja: enlaces, iconos, bordes activos, botón principal.
   - Terracota: solo acción o atención, de forma puntual.
   - Arena: fondo de secciones. Tinta: texto. Salvia: texto secundario.

   Fuentes autoalojadas (la CSP solo permite font-src 'self'): Sora para
   titulares, Instrument Sans para texto. Licencia OFL en assets/fonts/. */

@font-face {
  font-family: "Sora";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../assets/fonts/sora-500.woff2") format("woff2");
}

@font-face {
  font-family: "Sora";
  font-style: normal;
  font-weight: 600 700;
  font-display: swap;
  src: url("../assets/fonts/sora-600.woff2") format("woff2");
}

@font-face {
  font-family: "Instrument Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../assets/fonts/instrument-sans-400.woff2") format("woff2");
}

@font-face {
  font-family: "Instrument Sans";
  font-style: normal;
  font-weight: 600 700;
  font-display: swap;
  src: url("../assets/fonts/instrument-sans-600.woff2") format("woff2");
}

:root {
  --brand-forest: #14452f;
  --brand-forest-rgb: 20, 69, 47;
  --brand-leaf: #1e6a46;
  --brand-leaf-rgb: 30, 106, 70;
  --brand-leaf-tint: #e8f1eb;
  --brand-terracotta: #c0603a;
  --brand-terracotta-hover: #a64f2c;
  --brand-terracotta-tint: #f7eae3;
  --brand-sand: #f6f3ec;
  --brand-ink: #17211c;
  --brand-ink-rgb: 23, 33, 28;
  --brand-sage: #7a8a80;

  /* Nombres que usan las hojas del sitio */
  --color-brand: var(--brand-leaf);
  --color-brand-dark: var(--brand-forest);
  --color-background: var(--brand-sand);
  --color-border: #ddd7ca;
  --color-text: var(--brand-ink);
  --color-text-muted: var(--brand-sage);
  --color-warning: var(--brand-terracotta);
  --font-heading: "Sora", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Instrument Sans", "Segoe UI", Roboto, sans-serif;

  accent-color: var(--brand-leaf);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading);
  font-weight: 600;
  letter-spacing: -0.02em;
}