/*
  Tecnocon — Design Tokens
  Paleta derivada del isotipo (navy/cobalto) + acero industrial + señal ámbar.
  Tipografía: Public Sans (títulos y texto, un solo sistema) + IBM Plex Mono (datos/indicadores, uso puntual).
*/

:root {
  /* ---- Color: Navy scale (fondo de marca) ---- */
  --navy-950: #05070f;
  --navy-900: #080b1a;
  --navy-800: #0d1226;
  --navy-700: #141b36;
  --navy-600: #1c2547;

  /* ---- Color: Cobalt (acento de marca, del logotipo #0010A8) ---- */
  --cobalt-700: #000d86;
  --cobalt-600: #0010a8;
  --cobalt-500: #1c34d6;
  --cobalt-400: #4a5eea;

  /* ---- Color: Steel (texto secundario, líneas, metal) ---- */
  --steel-100: #e7e9ee;
  --steel-300: #b9c0cd;
  --steel-500: #8791a3;
  --steel-700: #565f72;

  /* ---- Color: Amber (señal, indicador, "luz de piso") ---- */
  --amber-500: #ffb02c;
  --amber-400: #ffc861;

  /* ---- Color: Paper (fondos claros) ---- */
  --paper-50: #fbfbf8;
  --paper-100: #f3f4ef;
  --paper-200: #e8e9e2;

  /* ---- Color: Ink (texto sobre claro) ---- */
  --ink-900: #0a0d16;
  --ink-700: #363c48;

  /* ---- Tipografía ----
     Un solo sistema (Public Sans) para títulos y cuerpo: consistente y creíble,
     no una tipografía de "cartel" para el display. IBM Plex Mono queda reservado
     a usos funcionales pequeños (etiquetas, datos, cifras) para reforzar precisión
     técnica sin gritar "plantilla". */
  --font-display: "Public Sans", "Segoe UI", sans-serif;
  --font-body: "Public Sans", "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", "Consolas", monospace;

  /* ---- Escala tipográfica fluida (contenida, no cartel) ---- */
  --fs-h1: clamp(2.15rem, 1.75rem + 1.8vw, 3.4rem);
  --fs-h2: clamp(1.7rem, 1.5rem + 1vw, 2.35rem);
  --fs-h3: clamp(1.1rem, 1rem + 0.4vw, 1.3rem);
  --fs-lead: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  --fs-body: 1.0625rem;
  --fs-small: 0.875rem;
  --fs-micro: 0.75rem;

  /* ---- Espaciado (marcaje medio/estándar) ---- */
  --sp-1: 0.5rem;
  --sp-2: 1rem;
  --sp-3: 1.5rem;
  --sp-4: 2rem;
  --sp-5: 3rem;
  --sp-6: 4rem;
  --sp-7: 6rem;
  --sp-8: 8rem;
  --sp-9: 11rem;

  /* ---- Layout ---- */
  --rail-w: 4.25rem;              /* ancho del riel de piso (firma visual) */
  --container-max: 78rem;
  --container-pad: clamp(1.5rem, 4vw, 4rem);
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;

  /* ---- Duración/ease de movimiento ---- */
  --ease-mech: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 0.2s;
  --dur-med: 0.5s;
  --dur-slow: 0.9s;

  --z-rail: 40;
  --z-nav: 50;
  --z-float: 55;
}

@media (max-width: 720px) {
  :root {
    --rail-w: 0rem;
  }
}