:root {
  /* Color — estrategia "comprometida": el azul noche carga 30–40 % de la superficie */
  --ink:        #0B1F4B;
  --ink-2:      #14306B;
  --amber:      #FFC72C;
  --amber-ink:  #3B2A00;
  --teal:       #0E8F9E;
  --paper:      #FFFFFF;
  --paper-2:    #F3F5F9;
  --line:       #D9DEE8;
  --text:       #10182B;
  --text-2:     #4B5670;
  --text-on-ink:#EAF0FF;
  --text-on-ink-2:#9FB3E0;
  --ok:         #1B8F5A;
  --danger:     #C8322B;

  /* Tipografía */
  --font-display: "Archivo", "Archivo Narrow", system-ui, sans-serif;
  --font-ui:      "IBM Plex Sans", system-ui, sans-serif;
  --font-num:     "IBM Plex Sans", system-ui, sans-serif;
  --step--1: .875rem;
  --step-0: 1rem;
  --step-1: 1.125rem;
  --step-2: 1.375rem;
  --step-3: 1.75rem;
  --step-4: 2.25rem;
  --step-5: clamp(2.5rem, 5vw, 4rem);

  /* Forma */
  --r-1: 6px;
  --r-2: 10px;
  --r-3: 16px;
  --shadow-1: 0 1px 2px rgba(11,31,75,.08), 0 6px 18px -8px rgba(11,31,75,.18);
  --shadow-2: 0 12px 32px -12px rgba(11,31,75,.28);
  --ease-out: cubic-bezier(.16,1,.3,1);

  /* Derivados */
  --contenedor: 1180px;
  --header-h: 60px;
  --focus-ring: 3px solid var(--amber);

  /* Matriz de precios — bandas ámbar → azul noche claro (WP22) */
  --banda-1: #FFF8E1;
  --banda-2: #E8EEF8;
  --banda-3: #D4DFF0;
  --banda-4: #B8C9E8;
  --banda-5: #9BB0DC;
}