/* ============================================================
   Actuaria · Color tokens
   Source of truth: Brandbook Actuaria 2026 §27 Color.
   Navy is the institutional color; accents add energy with
   restraint. Pantone / CMYK equivalents noted per swatch.
   ============================================================ */
:root {
  /* ── Marca · institucional ───────────────────────────── */
  --ac-navy:        #151F47; /* Pantone 2766 C · CMYK 100/92/40/44 · principal */
  --ac-navy-900:    #0E1530; /* fondos profundos, degradados */
  --ac-navy-700:    #1E2D5F; /* navy claro, hover sobre navy */
  --ac-blue:        #3061AA; /* Pantone 7455 C · CMYK 87/66/1/0 · interacción */
  --ac-blue-600:    #27518F; /* azul presionado */
  --ac-orange:      #DF5E2D; /* Pantone 7579 C · CMYK 8/77/94/1 · acento */
  --ac-orange-600:  #C44E22; /* naranja presionado */
  --ac-white:       #FFFFFF; /* fondo base */

  /* ── Grises (brandbook) ──────────────────────────────── */
  --ac-black:       #000000; /* Pantone Black C · B 100% */
  --ac-gray-medium: #666666; /* Pantone Cool Gray 10 C · B 60% */
  --ac-gray-light:  #A6A6A6; /* Pantone Cool Gray 6 C · B 35% */
  --ac-antiflash:   #F2F2F2; /* Blanco anti-flash · Pantone 663 C */

  /* ── Tintes para fondo oscuro (sobre navy) ───────────── */
  --ac-salmon:      #FFBBA1; /* Salmón claro · Pantone 489 C aprox. */
  --ac-celeste:     #C7CFE0; /* Celeste claro · Pantone 538 C aprox. */
  --ac-sky:         #8FB0DD; /* tinte azul intermedio, UI sobre navy */
  --ac-yellow:      #FEC62E; /* destaque cálido puntual */

  /* ── Semánticos · estado ─────────────────────────────── */
  --ac-success:     #1F9D57; /* positivo · semáforo verde */
  --ac-success-bg:  #E7F6EE;
  --ac-warning:     #E8862C; /* atención · semáforo ámbar */
  --ac-warning-bg:  #FCF0E2;
  --ac-error:       #C73A3A; /* alerta · semáforo rojo */
  --ac-error-bg:    #FBEAEA;
  --ac-info:        #1A74A8; /* informativo */
  --ac-info-bg:     #E6F1F8;

  /* ── Superficies y texto ─────────────────────────────── */
  --ac-neu-bg:      #E8ECF4; /* superficie neumórfica base (§34) */
  --ac-bg:          #F2F2F2; /* fondo de aplicación plano */
  --ac-surface:     #FFFFFF; /* tarjetas planas, documentos */
  --ac-sunken:      #F5F6FA; /* zonas hundidas, inputs en reposo */
  --ac-ink:         #151F47; /* texto principal (= navy) */
  --ac-ink-2:       #5A6275; /* texto secundario */
  --ac-ink-3:       #9098A8; /* texto terciario, placeholders */
  --ac-line:        #E2E5EC; /* bordes y divisores */
  --ac-line-strong: #C9CFDC; /* bordes marcados */

  /* ── Aliases semánticos ──────────────────────────────── */
  --color-primary:        var(--ac-navy);
  --color-primary-hover:  var(--ac-navy-700);
  --color-accent:         var(--ac-orange);
  --color-interactive:    var(--ac-blue);
  --text-strong:          var(--ac-ink);
  --text-body:            var(--ac-ink-2);
  --text-muted:           var(--ac-ink-3);
  --surface-page:         var(--ac-bg);
  --surface-card:         var(--ac-surface);
  --surface-sunken:       var(--ac-sunken);
  --surface-neu:          var(--ac-neu-bg);
  --border-subtle:        var(--ac-line);
  --border-strong:        var(--ac-line-strong);

  /* ── Degradados de marca ─────────────────────────────── */
  --grad-navy: linear-gradient(160deg, var(--ac-navy) 0%, var(--ac-navy-900) 100%);
  --grad-blue: linear-gradient(135deg, var(--ac-blue) 0%, var(--ac-navy) 100%);
  --grad-tricolor: linear-gradient(120deg, var(--ac-navy) 0%, var(--ac-blue) 55%, var(--ac-orange) 100%);
}