/* =========================================================================
   TOKENS — Variables de marca Pacific Nikkei
   Cambia aquí los colores y toda la web se actualiza.
   ========================================================================= */
:root {
  /* --- Marca --- */
  --teal-700: #326b62;
  --teal-600: #3e7d73;
  --teal-500: #4a8b82;   /* teal oficial del logo */
  --teal-400: #5fa095;
  --teal-300: #8bbdb5;
  --teal-100: #e4efec;
  --teal-050: #f1f7f5;

  --navy-900: #0c1f30;
  --navy-800: #112a3d;
  --navy-700: #1b394d;   /* azul marino oficial del wordmark */
  --navy-600: #274b63;
  --navy-500: #3a6079;

  /* --- Neutros --- */
  --ink:      #16232e;   /* texto principal */
  --muted:    #566671;   /* texto secundario */
  --faint:    #84939c;
  --line:     #e5e9ea;   /* hairlines */
  --paper:    #ffffff;
  --sand:     #f0e7d3;   /* secciones cálidas (crema) */
  --mist:     #f3f6f6;   /* secciones frías */
  --stone:    #e7edef;   /* sección fría más marcada */

  /* --- Acentos de estado --- */
  --amber:    #d99a3f;
  --danger:   #c8553d;
  --ok:       #4a8b82;

  /* --- Tipografía --- */
  --font-display: "Sora", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  --fs-eyebrow: 0.75rem;
  --fs-body:   1rem;
  --fs-lead:   1.185rem;
  --fs-h4:     1.25rem;
  --fs-h3:     1.6rem;
  --fs-h2:     clamp(1.9rem, 1.2rem + 2.6vw, 3rem);
  --fs-h1:     clamp(2.6rem, 1.4rem + 4.6vw, 5rem);

  /* --- Espaciado / layout --- */
  --container: 1240px;
  --gutter: clamp(1.25rem, 0.6rem + 2.6vw, 3rem);
  --section-y: clamp(3.75rem, 2rem + 6vw, 7rem);
  --radius: 14px;
  --radius-sm: 9px;
  --radius-lg: 22px;

  /* --- Sombras --- */
  --shadow-sm: 0 1px 2px rgba(16, 42, 61, 0.06), 0 2px 8px rgba(16, 42, 61, 0.05);
  --shadow-md: 0 8px 24px rgba(16, 42, 61, 0.10);
  --shadow-lg: 0 24px 60px rgba(12, 31, 48, 0.20);

  /* --- Motion --- */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur: 0.45s;
}