/* ==========================================================================
   Catalino & Co. — Tokens de diseño
   Paleta azul oscuro con tonos tenues, tipografía, espaciado y movimiento.
   Cambia aquí los valores y todo el sitio se ajusta.
   ========================================================================== */

:root {
  /* Azul oscuro (fondos) */
  --navy-950: #0a1424;
  --navy-900: #0f1d33;
  --navy-800: #172a46;
  --navy-700: #243a5c;

  /* Azules tenues (primario y acentos) */
  --steel-600: #35506b;
  --steel-500: #486b8a;
  --steel-400: #6a8aa8;
  --blue-300: #9db8d6;
  --blue-100: #dce6f1;
  --blue-50: #edf2f8;

  /* Neutros claros */
  --white: #ffffff;
  --mist-50: #f4f6f9;
  --line-light: #e2e8f0;
  --line-light-strong: #cbd5e1;

  /* Acentos cálidos (uso mínimo) */
  --sand-300: #d8b98a;
  --olive-400: #7a8b6a;

  /* Acento de producto: ESR Cloud (índigo suavizado) */
  --indigo-300: #a5a8f0;

  /* Texto */
  --ink-900: #0f1b2d;
  --ink-600: #4a5668;
  --ink-400: #8390a3; /* solo decorativo */
  --fog-100: #e6ecf3;
  --fog-300: #a9b6c7;
  --fog-500: #7d8ea5;

  /* Líneas sobre fondo oscuro */
  --line-dark: rgba(157, 184, 214, 0.14);
  --line-dark-strong: rgba(157, 184, 214, 0.32);

  /* Tipografía */
  --font-sans: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-serif: "Instrument Serif", Georgia, "Times New Roman", serif;

  --fs-xs: 0.8125rem;
  --fs-sm: 0.9375rem;
  --fs-base: 1rem;
  --fs-md: 1.125rem;
  --fs-lg: 1.25rem;
  --fs-h3: 1.25rem;
  --fs-h2: clamp(2rem, 1.35rem + 2.4vw, 3rem);
  --fs-h1: clamp(2.625rem, 1.5rem + 4.6vw, 4.75rem);

  /* Layout y espaciado */
  --container: 1160px;
  --gutter: clamp(20px, 5vw, 40px);
  --section-y: clamp(84px, 10vw, 136px);
  --header-h: 72px;

  /* Formas y sombras */
  --radius-sm: 10px;
  --radius: 16px;
  --radius-lg: 24px;
  --radius-xl: 28px;
  --shadow-soft: 0 1px 2px rgba(15, 27, 45, 0.04), 0 16px 32px -16px rgba(15, 27, 45, 0.16);
  --shadow-deep: 0 40px 80px -40px rgba(0, 0, 0, 0.7);

  /* Movimiento */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 160ms;
  --dur: 280ms;
  --dur-slow: 760ms;
}