/* ── Design tokens · Metalúrgica Eloy Benítez ───────────────────────────
   Paleta propia de marca (teal industrial + acero oscuro + acento ámbar). */
:root {
  /* Marca */
  --brand:        #1a9e94;   /* teal EB */
  --brand-600:    #16847b;
  --brand-700:    #0f6b64;
  --brand-050:    #e7f4f2;
  --accent:       #f4b429;   /* ámbar (CTA / activo) */
  --accent-600:   #d99a12;

  /* Acero / neutros */
  --ink:          #1e2a30;   /* texto principal */
  --ink-2:        #4a5a63;   /* texto secundario */
  --steel-900:    #182229;   /* hero / footer oscuro */
  --steel-800:    #22303a;
  --line:         #e2e8ea;   /* bordes */
  --bg:           #ffffff;
  --bg-soft:      #f4f7f7;
  --white:        #ffffff;

  /* Estado */
  --ok:           #2e9e57;
  --err:          #d33a3a;

  /* Tipografía (system stack, sin dependencias externas) */
  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --h1: clamp(2rem, 5vw, 3.4rem);
  --h2: clamp(1.5rem, 3.2vw, 2.3rem);
  --h3: clamp(1.15rem, 2vw, 1.45rem);

  /* Espacio / radios / sombra */
  --sp: 1rem;
  --container: 1180px;
  --radius: 14px;
  --radius-sm: 9px;
  --shadow: 0 6px 24px rgba(24,34,41,.10);
  --shadow-lg: 0 14px 44px rgba(24,34,41,.16);
  --ring: 0 0 0 3px rgba(26,158,148,.35);
}

@media (prefers-color-scheme: dark) {
  :root[data-theme="auto"] { /* reservado: modo oscuro futuro */ }
}