/* ==========================================================================
   Más Global — Design tokens
   Paleta basada en la identidad actual de marca (azul petróleo / institucional,
   azul grisáceo, blanco, gris muy claro) tomada del logo y material impreso.
   ========================================================================== */

:root {
  /* Color */
  --ink: #262a2e;
  --ink-soft: #4a5158;
  --petrol-900: #0e2c48;
  --petrol-800: #123a5e;
  --petrol-700: #17497a;
  --petrol-600: #1f5c99;
  --petrol-500: #3574a8;
  --slate-400: #7f8d99;
  --slate-300: #a7b1ba;
  --mist-200: #e7ebee;
  --mist-100: #f4f6f8;
  --white: #ffffff;

  --accent-line: #c9d3da;

  /* Typography */
  --font-display: "Montserrat", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: "Inter", "Montserrat", -apple-system, BlinkMacSystemFont, sans-serif;

  /* Spacing scale */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4.5rem;
  --space-7: 6.5rem;
  --space-8: 9rem;

  /* Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --radius-pill: 999px;

  /* Shadow */
  --shadow-sm: 0 2px 10px rgba(14, 44, 72, 0.06);
  --shadow-md: 0 12px 32px rgba(14, 44, 72, 0.10);
  --shadow-lg: 0 24px 60px rgba(14, 44, 72, 0.14);

  /* Motion */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 0.2s;
  --dur-med: 0.45s;
  --dur-slow: 0.8s;

  /* Layout */
  --container: 1240px;
  --header-h: 88px;
  --header-h-scrolled: 68px;
}