/*
Theme Name:  EcoBD Lab
Description: Child theme de GeneratePress para EcoBD Lab — Ecosistemas Creativos y BioDiseño, Universidad Europea de Madrid.
Template:    generatepress
Version:     1.0.0
Author:      EcoBD Lab // Gabriel Pais
Text Domain: ecobdlab
*/

/* ==========================================================================
   FUENTES LOCALES — Self-hosted variable fonts
   ========================================================================== */

@font-face {
  font-family: "Montserrat";
  src: url("assets/fonts/Montserrat/Montserrat-subset.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("assets/fonts/Montserrat/Montserrat-Italic-subset.woff2") format("woff2");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Open Sans";
  src: url("assets/fonts/Open_Sans/OpenSans-subset.woff2") format("woff2");
  font-weight: 300 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Open Sans";
  src: url("assets/fonts/Open_Sans/OpenSans-Italic-subset.woff2") format("woff2");
  font-weight: 300 800;
  font-style: italic;
  font-display: swap;
}

/* ==========================================================================
   VARIABLES CSS — Sistema de diseño EcoBD Lab
   ========================================================================== */

:root {
  /* --- Colores principales --- */
  --color-primary: #ffcf00; /* Amarillo EcoBD Lab. Hero, badges activos, CTAs. */
  --color-black: #111111; /* Fondo secciones oscuras, texto principal. */
  --color-white: #ffffff; /* Fondo secciones claras, texto sobre negro. */
  --color-cream: #fffaee; /* Fondo base del sitio. */
  /*--color-cream: #f8f4ee; */
  --color-gray: #555555; /* Metadatos, textos secundarios. */
  --color-gray-mid: #666666; /* Textos de apoyo, hovers suaves sobre claro. */
  --color-gray-light: #e8e4df; /* Bordes, separadores. */

  /* --- Colores de líneas de investigación --- */
  --color-line-1: #d4a800; /* Línea 1: Materiales biobasados e innovación sostenible. */
  --color-line-2: #4a6741; /* Línea 2: Diseño bioinspirado y biomimético. */
  --color-line-3: #8b4a3b; /* Línea 3: Arte ecológico y regenerativo. */

  /* --- Tipografía --- */
  --font-display: "Montserrat", Georgia, serif;
  --font-body: "Open Sans", system-ui, sans-serif;
  --font-mono: "Courier New", Courier, monospace;

  /* --- Escala tipográfica --- */
  --text-xs: 0.75rem; /* 12px */
  --text-sm: 0.875rem; /* 14px */
  --text-base: 1rem; /* 16px */
  --text-lg: 1.125rem; /* 18px */
  --text-xl: 1.25rem; /* 20px */
  --text-2xl: 1.5rem; /* 24px */
  --text-3xl: 2rem; /* 32px */
  --text-4xl: 2.5rem; /* 40px */
  --text-5xl: 3.5rem; /* 56px */
  --text-6xl: 4.5rem; /* 72px */

  /* --- Espaciado --- */
  --space-xs: 0.5rem; /* 8px */
  --space-sm: 1rem; /* 16px */
  --space-md: 1.5rem; /* 24px */
  --space-lg: 2.5rem; /* 40px */
  --space-xl: 4rem; /* 64px */
  --space-2xl: 6rem; /* 96px */
  --space-3xl: 9rem; /* 144px */

  /* --- Contenedor --- */
  /* --container-max se sobreescribe en wp_head con el valor de GP Customizer → Layout → Container Width */
  --container-max: 1200px; /* Fallback si GP no está activo */
  --container-pad: clamp(1rem, 4vw, 2.5rem);

  /* --- Bordes y radios --- */
  --border-card: 4px; /* Borde superior de color en tarjetas CPT. */
  --radius-sm: 4px;
  --radius-md: 8px;

  /* --- Transiciones --- */
  --transition-base: 0.2s ease-out;
  --transition-base-x2: 0.4s ease-out;

  /* --- Dark UI palette (footer, section-cta) --- */
  --color-black-deep:       #0a0a0a; /* Fondo footer-bottom y section-cta. */
  --color-dark-border:      #1a1a1a; /* Bordes/separadores sobre fondo oscuro. */
  --color-dark-border-mid:  #2a2a2a; /* Bordes más visibles sobre fondo oscuro. */
  --color-dark-text-muted:  #888888; /* Texto secundario sobre fondo oscuro. */
  --color-dark-text-faint:  #333333; /* Texto casi invisible (banda inferior). */

  /* --- Estados --- */
  --color-error: #c0392b; /* Error/validación (CF7, form states). */
}