/* ==========================================================================
   BLG — Design Tokens
   Paleta: azul industrial + acento cian "lectura de datos" (HMI/SCADA)
   Tipografía: Poppins (display) + Inter (cuerpo) + JetBrains Mono (data/eyebrows)
   ========================================================================== */

:root {
  /* Color */
  --blue-primary: #0057B8;
  --blue-primary-light: #1E74E0;
  --blue-deep: #00366B;
  --blue-abyss: #001B36;
  --cyan-data: #00C2FF;
  --white: #FFFFFF;
  --gray-50: #F5F7FA;
  --gray-100: #EAEDF2;
  --gray-300: #C7CEDA;
  --gray-500: #8A94A6;
  --gray-700: #4A5568;
  --gray-900: #1B2430;
  --black: #090D13;

  /* Gradients */
  --grad-primary: linear-gradient(135deg, #0057B8 0%, #003E8C 55%, #001B36 100%);
  --grad-cta: linear-gradient(90deg, #0057B8 0%, #00A3E0 100%);
  --grad-overlay-hero: linear-gradient(180deg, rgba(0,27,54,.55) 0%, rgba(0,27,54,.78) 55%, rgba(0,27,54,.96) 100%);

  /* Type */
  --font-display: 'Poppins', 'Inter', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-mono: 'JetBrains Mono', 'Roboto Mono', monospace;

  /* Type scale */
  --fs-eyebrow: 0.75rem;
  --fs-body: 1rem;
  --fs-h6: 1.125rem;
  --fs-h5: 1.375rem;
  --fs-h4: 1.75rem;
  --fs-h3: 2.25rem;
  --fs-h2: 2.85rem;
  --fs-h1: 4.2rem;

  /* Spacing */
  --space-section: clamp(4.5rem, 8vw, 8rem);
  --space-lg: 2.5rem;
  --space-md: 1.5rem;
  --space-sm: 0.75rem;

  /* Layout */
  --container-w: 1280px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 28px;

  /* Shadow */
  --shadow-soft: 0 10px 40px -12px rgba(0, 27, 54, 0.18);
  --shadow-strong: 0 24px 60px -16px rgba(0, 27, 54, 0.32);
  --shadow-cyan-glow: 0 0 0 1px rgba(0,194,255,.25), 0 12px 40px -10px rgba(0,194,255,.25);

  /* Motion */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 0.25s;
  --dur-med: 0.5s;
  --dur-slow: 0.9s;

  /* Header */
  --header-h: 96px;
  --header-h-shrink: 68px;
}