/* ============================================================
   TECNILUB · Design Tokens
   Paleta industrial: carbón + naranja, tipografía condensada.
   ============================================================ */

:root {
  /* ---- Color: superficies oscuras ---- */
  --ink: #0c0c0e;          /* fondo principal casi negro */
  --ink-1: #121214;        /* paneles oscuros */
  --ink-2: #17171a;        /* cards sobre oscuro */
  --ink-3: #1f1f24;        /* card hover / borde interno */

  /* ---- Color: superficies claras ---- */
  --paper: #f4f2ed;        /* secciones claras (off-white cálido) */
  --paper-1: #ffffff;
  --paper-2: #efece5;

  /* ---- Acentos ---- */
  --accent: #f5820a;       /* naranja marca */
  --accent-600: #e0740a;
  --accent-300: #ff9c33;
  --accent-glow: rgba(245, 130, 10, 0.35);

  /* ---- Texto ---- */
  --text-on-dark: #f5f4f1;
  --text-on-dark-soft: #c9c8c4;
  --muted-on-dark: #8b8b90;
  --text-on-light: #16161a;
  --muted-on-light: #6a6a70;

  /* ---- Líneas ---- */
  --line-on-dark: rgba(255, 255, 255, 0.12);
  --line-on-dark-strong: rgba(255, 255, 255, 0.22);
  --line-on-light: rgba(18, 18, 20, 0.14);

  /* ---- Tipografía ---- */
  --font-display: 'Oswald', 'Arial Narrow', sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'IBM Plex Mono', 'Courier New', monospace;

  /* ---- Escala tipográfica fluida ---- */
  --fs-eyebrow: 0.72rem;
  --fs-body: clamp(0.95rem, 0.9rem + 0.2vw, 1.05rem);
  --fs-lead: clamp(1.05rem, 1rem + 0.5vw, 1.3rem);
  --fs-h3: clamp(1.3rem, 1.1rem + 1vw, 1.9rem);
  --fs-h2: clamp(2rem, 1.4rem + 3vw, 3.6rem);
  --fs-display: clamp(2.8rem, 1.5rem + 6.5vw, 7.5rem);

  /* ---- Layout ---- */
  --gutter: clamp(1.25rem, 0.5rem + 3.5vw, 5rem);
  --maxw: 1360px;
  --section-y: clamp(4.5rem, 3rem + 6vw, 9rem);
  --radius: 4px;

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur: 0.6s;

  /* ---- Sombra / profundidad ---- */
  --shadow-lg: 0 30px 80px -30px rgba(0, 0, 0, 0.75);
}