/* ==========================================================================
   RESOLVIA — Variables globales
   Paleta, tipografía, espaciado y tiempos de animación.
   Cambia aquí un valor y se actualiza en todo el sitio.
   ========================================================================== */

/* Tipografías auto-alojadas (sin peticiones a terceros) */
@font-face {
  font-family: "Manrope";
  src: url("../assets/fonts/manrope-var.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Mono";
  src: url("../assets/fonts/ibm-plex-mono-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  /* ---- Marca ---- */
  --resolvia-orange: #D96B27;        /* Naranja RESOLVIA: acento */
  --resolvia-orange-deep: #B4541B;   /* Naranja quemado: texto pequeño sobre claro (AA) */
  --resolvia-orange-soft: #EE9A62;   /* Naranja para texto pequeño sobre carbón (AA) */
  --resolvia-copper: #A8612F;        /* Cobre */
  --resolvia-brown: #422B1D;         /* Café oscuro (tono del logotipo) */
  --resolvia-sand: #C4A27F;          /* Arena (tono del escudo) */
  --resolvia-beige: #E9E0D4;         /* Beige */
  --resolvia-cream: #F7F4EF;         /* Crema */
  --resolvia-white: #FFFFFF;
  --resolvia-white-warm: #FBFAF7;    /* Blanco cálido */
  --resolvia-charcoal: #2C2B2B;      /* Carbón */
  --resolvia-charcoal-deep: #211F1F; /* Carbón profundo */
  --resolvia-gray: #6B6865;          /* Gris texto secundario (AA sobre crema) */
  --resolvia-gray-light: #A39E98;    /* Gris sobre carbón */
  --resolvia-line: #E2DBD0;          /* Líneas finas sobre claro */
  --resolvia-line-dark: #413F3E;     /* Líneas finas sobre carbón */

  /* ---- Roles ---- */
  --color-bg: var(--resolvia-white-warm);
  --color-bg-alt: var(--resolvia-cream);
  --color-text: var(--resolvia-charcoal);
  --color-text-muted: var(--resolvia-gray);
  --color-accent: var(--resolvia-orange);
  --color-accent-text: var(--resolvia-orange-deep);
  --color-focus: var(--resolvia-orange);

  /* ---- Tipografía ---- */
  --font-sans: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;

  --fs-display: clamp(3.1rem, 11vw, 8.5rem);  /* RESOLVEMOS. */
  --fs-h1: clamp(2.4rem, 6.4vw, 5.6rem);
  --fs-h2: clamp(2rem, 4.6vw, 4rem);
  --fs-h3: clamp(1.25rem, 2vw, 1.6rem);
  --fs-lead: clamp(1.1rem, 1.6vw, 1.35rem);
  --fs-body: 1.0625rem;
  --fs-small: 0.9375rem;
  --fs-label: 0.75rem;

  --lh-tight: 0.98;
  --lh-heading: 1.06;
  --lh-body: 1.65;

  --tracking-tight: -0.035em;
  --tracking-label: 0.14em;

  /* ---- Espaciado y layout ---- */
  --container: 1280px;
  --gutter: clamp(1.25rem, 5vw, 4rem);
  --section-y: clamp(5rem, 11vw, 9.5rem);
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4.5rem;

  --header-h: 84px;
  --header-h-compact: 66px;

  --radius: 2px;  /* Esquinas casi rectas: orden, precisión */

  /* ---- Movimiento ---- */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur-fast: 180ms;
  --dur: 420ms;
  --dur-slow: 900ms;
}