/* ==========================================================================
   LA PALETA PROFUNDA — LA COMPARTEN EL ESCRITORIO Y EL MOVIL
   ==========================================================================
   Esta hoja existe porque el movil es un armazon INDEPENDIENTE:
   `base_mobile.html` no extiende base.html y solo cargaba theme.css +
   mobile-v2.css. No cargaba armazon.css, asi que el retinte no le llegaba:
   medido en /m2/ a 375 px, --ui-palette-2563eb seguia valiendo #2563eb (el
   azul VIEJO) y la cabecera movil salia #1e3a8a -> #1e40af.

   El CSS del movil consume 457 `var(--ui-palette-<hex>)` y 147 de los rgba de
   la paleta: TODO su color pasa por ahi. Por eso basta con darle este fichero
   y se retinta entero, sin reescribir mobile-v2.css.

   Aqui va SOLO la paleta: la rampa Profunda y el retinte de los 133 azules.
   El CABLEADO (--ui-button-*, --ui-card-*, --ui-field-*...) sigue en
   armazon.css: es el contrato de la centralizacion del escritorio y el movil
   no lo usa.

   OJO CON LAS CAPAS: estos `:root` van SIN @layer y tienen que seguir asi.
   theme.css declara sus controles publicos en un `:root` sin capa, y para
   declaraciones normales lo que NO esta en capa gana a lo que si esta. Metido
   dentro de una capa, esto dejaria de tener efecto. Explicado largo al
   principio de armazon.css.
   ========================================================================== */

:root {
  --navy-900: #0f2242;   /* menu lateral */
  --navy-800: #17325c;   /* banda de cabecera */
  --navy-700: #21447a;   /* activo / acento */
  --navy-600: #2b568f;   /* hover */

  --surface-sunk:  #faf9f6;
  --surface-sheet: #ffffff;
  --surface-tint:  #f2f6fc;

  --line:   #e6e4dd;
  --line-2: #d3cfc4;

  --ink:   #14181f;
  --ink-2: #4e5661;
  --ink-3: #6b7178;   /* AA: #868d96 daba 3,09 sobre el tinte y se usa como texto */

  --on-navy:   #ffffff;
  --on-navy-2: rgba(255,255,255,.82);
  --on-navy-3: rgba(255,255,255,.60);   /* NO bajar de .60: por debajo falla AA */

  /* --- EL FONDO DEL MARCO ---------------------------------------------
     Valores tomados literalmente de la maqueta "Tres armazones SurcoApp"
     (artifact 40882a05), variante C · Profunda:
       .app        linear-gradient(158deg, navy-700 0%, navy-800 52%, navy-900 100%)
       .app::before repeating-linear-gradient(118deg,
                      rgba(255,255,255,.026) 0 1px, transparent 1px 10px)
     En la maqueta menu y cabecera se ven unidos porque son UN SOLO elemento
     con UN SOLO fondo. En el programa real son elementos distintos
     (#sidebar es fixed, la cabecera vive dentro de main), asi que se logra
     lo mismo con background-attachment: fixed -> el degradado se posiciona
     respecto a la ventana, no respecto a cada caja, y las tres piezas
     ensenan el mismo plano continuo.                                       */
  /* La maqueta usa .026. En pantalla grande no llega a leerse, y el usuario
     lo echo en falta, asi que se sube. Se deja como control para poder
     ajustarlo sin tocar la regla: --ui-marco-rayado.                        */
  /* --- EL RADIO DE LAS ESQUINAS: UN SOLO MANDO ---
     Empezo en 8-24 px (demasiado blando), se probo a 0 (demasiado cortante)
     y se queda en un intermedio. Cambia SOLO este numero para probar otro:
       2px  casi cuadrado     4px  el actual     6px  algo mas blando
     Las superficies del marco (zona de contenido, cabecera, menu) siguen a
     ras a proposito: es la regla P4 de Profunda.                           */
  --ui-radio: 4px;

  --ui-marco-rayado: .055;
  --marco-rayado: repeating-linear-gradient(118deg,
      rgba(255,255,255,var(--ui-marco-rayado)) 0 1px, transparent 1px 10px);

  /* Tokens SOBRE AZUL, copiados de la maqueta (variante C):
       --a-navy-fill   rgba(255,255,255,.09)   relleno suave
       --a-navy-fill-2 rgba(255,255,255,.16)   relleno de activo
       --a-navy-line   rgba(255,255,255,.15)   borde                          */
  --navy-fill:   rgba(255,255,255,.09);
  --navy-fill-2: rgba(255,255,255,.16);
  --navy-line:   rgba(255,255,255,.15);
  --marco-degradado: linear-gradient(158deg,
      var(--navy-700) 0%, var(--navy-800) 52%, var(--navy-900) 100%);
  /* El rayado va primero: en background-image la primera capa queda encima. */
  --marco-fondo: var(--marco-rayado), var(--marco-degradado);
}:root {
  --ui-palette-020b1f: #0f2242;   /* era #020B1F */
  --ui-palette-0000ff: #0f2242;   /* era #0000ff */
  --ui-palette-06142e: #0f2242;   /* era #06142e */
  --ui-palette-0b1730: #0f2242;   /* era #0b1730 */
  --ui-palette-0f172a: #0f2242;   /* era #0f172a */
  --ui-palette-071a33: #0f2242;   /* era #071A33 */
  --ui-palette-0d1d3f: #0f2242;   /* era #0d1d3f */
  --ui-palette-0c1f4d: #0f2242;   /* era #0c1f4d */
  --ui-palette-172033: #0f2242;   /* era #172033 */
  --ui-palette-0a2a4f: #0f2242;   /* era #0A2A4F */
  --ui-palette-102a4d: #0f2242;   /* era #102a4d */
  --ui-palette-16275c: #0f2242;   /* era #16275c */
  --ui-palette-0f2b4a: #0f2242;   /* era #0f2b4a */
  --ui-palette-1e293b: #17325c;   /* era #1e293b */
  --ui-palette-0f3145: #17325c;   /* era #0f3145 */
  --ui-palette-153056: #17325c;   /* era #153056 */
  --ui-palette-12315a: #17325c;   /* era #12315a */
  --ui-palette-17305f: #17325c;   /* era #17305f */
  --ui-palette-14345f: #17325c;   /* era #14345f */
  --ui-palette-18345d: #17325c;   /* era #18345d */
  --ui-palette-12356b: #17325c;   /* era #12356b */
  --ui-palette-17384c: #17325c;   /* era #17384c */
  --ui-palette-6610f2: #17325c;   /* era #6610f2 */
  --ui-palette-1e3570: #17325c;   /* era #1e3570 */
  --ui-palette-123a6b: #17325c;   /* era #123a6b */
  --ui-palette-173b73: #17325c;   /* era #173b73 */
  --ui-palette-5b21b6: #21447a;   /* era #5b21b6 */
  --ui-palette-173b93: #21447a;   /* era #173B93 */
  --ui-palette-3730a3: #21447a;   /* era #3730a3 */
  --ui-palette-1e3a8a: #21447a;   /* era #1e3a8a */
  --ui-palette-6b21a8: #21447a;   /* era #6b21a8 */
  --ui-palette-1f3f70: #21447a;   /* era #1f3f70 */
  --ui-palette-7b1fa2: #21447a;   /* era #7b1fa2 */
  --ui-palette-1e3f79: #21447a;   /* era #1e3f79 */
  --ui-palette-0c4a6e: #21447a;   /* era #0c4a6e */
  --ui-palette-334155: #21447a;   /* era #334155 */
  --ui-palette-374151: #21447a;   /* era #374151 */
  --ui-palette-1e40af: #21447a;   /* era #1e40af */
  --ui-palette-6d28d9: #21447a;   /* era #6d28d9 */
  --ui-palette-4338ca: #21447a;   /* era #4338CA */
  --ui-palette-1d4e69: #21447a;   /* era #1d4e69 */
  --ui-palette-2544b8: #21447a;   /* era #2544b8 */
  --ui-palette-1d4f91: #2b568f;   /* era #1d4f91 */
  --ui-palette-075985: #2b568f;   /* era #075985 */
  --ui-palette-1e4fb4: #2b568f;   /* era #1e4fb4 */
  --ui-palette-2c5364: #2b568f;   /* era #2c5364 */
  --ui-palette-1d4ed8: #2b568f;   /* era #1d4ed8 */
  --ui-palette-355588: #2b568f;   /* era #355588 */
  --ui-palette-245c78: #2b568f;   /* era #245c78 */
  --ui-palette-3f5577: #2b568f;   /* era #3f5577 */
  --ui-palette-4f46e5: #2b568f;   /* era #4f46e5 */
  --ui-palette-475569: #2b568f;   /* era #475569 */
  --ui-palette-9333ea: #2b568f;   /* era #9333ea */
  --ui-palette-7c3aed: #2b568f;   /* era #7c3aed */
  --ui-palette-0b5ed7: #2b568f;   /* era #0b5ed7 */
  --ui-palette-0369a1: #2b568f;   /* era #0369a1 */
  --ui-palette-3e5d8d: #2b568f;   /* era #3e5d8d */
  --ui-palette-2b5edc: #3a6cad;   /* era #2b5edc */
  --ui-palette-2f61d5: #3a6cad;   /* era #2f61d5 */
  --ui-palette-2563eb: #3a6cad;   /* era #2563eb */
  --ui-palette-0e7490: #3a6cad;   /* era #0e7490 */
  --ui-palette-4a648b: #3a6cad;   /* era #4a648b */
  --ui-palette-47668f: #3a6cad;   /* era #47668f */
  --ui-palette-0d6efd: #3a6cad;   /* era #0d6efd */
  --ui-palette-4f6a90: #3a6cad;   /* era #4f6a90 */
  --ui-palette-516b90: #3a6cad;   /* era #516b90 */
  --ui-palette-1976d2: #3a6cad;   /* era #1976d2 */
  --ui-palette-526c92: #3a6cad;   /* era #526c92 */
  --ui-palette-5c6b82: #3a6cad;   /* era #5c6b82 */
  --ui-palette-007bff: #3a6cad;   /* era #007BFF */
  --ui-palette-247ca9: #3a6cad;   /* era #247ca9 */
  --ui-palette-0284c7: #3a6cad;   /* era #0284c7 */
  --ui-palette-587093: #3a6cad;   /* era #587093 */
  --ui-palette-5e7092: #3a6cad;   /* era #5e7092 */
  --ui-palette-667085: #3a6cad;   /* era #667085 */
  --ui-palette-6366f1: #3a6cad;   /* era #6366f1 */
  --ui-palette-5c7395: #3a6cad;   /* era #5c7395 */
  --ui-palette-58749d: #3a6cad;   /* era #58749d */
  --ui-palette-8b5cf6: #3a6cad;   /* era #8b5cf6 */
  --ui-palette-5f7394: #3a6cad;   /* era #5f7394 */
  --ui-palette-5b7496: #3a6cad;   /* era #5b7496 */
  --ui-palette-4e75b7: #3a6cad;   /* era #4e75b7 */
  --ui-palette-64748b: #3a6cad;   /* era #64748b */
  --ui-palette-a855f7: #3a6cad;   /* era #a855f7 */
  --ui-palette-667892: #3a6cad;   /* era #667892 */
  --ui-palette-0891b2: #3a6cad;   /* era #0891b2 */
  --ui-palette-3b82f6: #3a6cad;   /* era #3b82f6 */
  --ui-palette-6d7f99: #3a6cad;   /* era #6d7f99 */
  --ui-palette-0ea5e9: #3a6cad;   /* era #0ea5e9 */
  --ui-palette-06b6d4: #a8c0e0;   /* era #06b6d4 */
  --ui-palette-55a2ff: #a8c0e0;   /* era #55a2ff */
  --ui-palette-c084fc: #a8c0e0;   /* era #c084fc */
  --ui-palette-60a5fa: #a8c0e0;   /* era #60a5fa */
  --ui-palette-94a3b8: #a8c0e0;   /* era #94a3b8 */
  --ui-palette-22d3ee: #a8c0e0;   /* era #22d3ee */
  --ui-palette-9ac0ff: #a8c0e0;   /* era #9ac0ff */
  --ui-palette-c4b5fd: #a8c0e0;   /* era #c4b5fd */
  --ui-palette-93c5fd: #a8c0e0;   /* era #93c5fd */
  --ui-palette-9fc2ff: #a8c0e0;   /* era #9fc2ff */
  --ui-palette-9ec5fe: #a8c0e0;   /* era #9ec5fe */
  --ui-palette-7dd3fc: #a8c0e0;   /* era #7dd3fc */
  --ui-palette-b8c9e2: #a8c0e0;   /* era #b8c9e2 */
  --ui-palette-67e8f9: #cddcf2;   /* era #67e8f9 */
  --ui-palette-b9d2f2: #cddcf2;   /* era #b9d2f2 */
  --ui-palette-b9d2ff: #cddcf2;   /* era #b9d2ff */
  --ui-palette-bad3ff: #cddcf2;   /* era #bad3ff */
  --ui-palette-b7d5ff: #cddcf2;   /* era #b7d5ff */
  --ui-palette-c7d2fe: #cddcf2;   /* era #c7d2fe */
  --ui-palette-c5d6f7: #cddcf2;   /* era #c5d6f7 */
  --ui-palette-c9d8f0: #cddcf2;   /* era #c9d8f0 */
  --ui-palette-bfdbfe: #cddcf2;   /* era #bfdbfe */
  --ui-palette-c7dcff: #cddcf2;   /* era #c7dcff */
  --ui-palette-ddd6fe: #cddcf2;   /* era #ddd6fe */
  --ui-palette-c9ddff: #cddcf2;   /* era #c9ddff */
  --ui-palette-bae6fd: #cddcf2;   /* era #bae6fd */
  --ui-palette-cfe0ff: #cddcf2;   /* era #cfe0ff */
  --ui-palette-cfe2ff: #cddcf2;   /* era #cfe2ff */
  --ui-palette-d7e3ff: #cddcf2;   /* era #d7e3ff */
  --ui-palette-d8e4fa: #cddcf2;   /* era #d8e4fa */
  --ui-palette-d7e5f5: #cddcf2;   /* era #d7e5f5 */
  --ui-palette-d7e5ff: #e6edf7;   /* era #d7e5ff */
  --ui-palette-d8e5ff: #e6edf7;   /* era #d8e5ff */
  --ui-palette-d9e6f7: #e6edf7;   /* era #d9e6f7 */
  --ui-palette-dbe7ff: #e6edf7;   /* era #dbe7ff */
  --ui-palette-dbe8ff: #e6edf7;   /* era #dbe8ff */
  --ui-palette-e0e7ff: #e6edf7;   /* era #e0e7ff */
  --ui-palette-dee8ff: #e6edf7;   /* era #dee8ff */
  --ui-palette-dbeafe: #e6edf7;   /* era #dbeafe */
  --ui-palette-e0eaff: #e6edf7;   /* era #e0eaff */
  --ui-palette-e0ecff: #e6edf7;   /* era #e0ecff */
  --ui-palette-e2ecff: #e6edf7;   /* era #e2ecff */
  --ui-palette-e3ecff: #e6edf7;   /* era #e3ecff */
  --ui-palette-e5edff: #e6edf7;   /* era #e5edff */
}

/* ==========================================================================
   EL RETINTE, SEGUNDA PARTE — LA FAMILIA --ui-palette-rgba-*
   ==========================================================================
   La primera parte reapunto los 133 azules de `--ui-palette-<hex>`. Se dejo
   fuera, sin darme cuenta, la otra familia de la paleta: las 456 entradas
   `--ui-palette-rgba-<r>-<g>-<b>-p<alfa>`.

   LO DESTAPO EL RECORRIDO DE TECLADO (F15.7): al tabular, el anillo de foco
   salia `rgba(96, 165, 250, 0.2)`, o sea #60a5fa, el azul VIEJO, en vez del
   --vp-focus del sistema. Por ahi se colaba la paleta antigua en anillos de
   foco, sombras tintadas y bordes translucidos.

   QUE SE TOCA Y QUE NO: de las 456, muchas son SOMBRAS de gris pizarra
   (rgba(15,23,42,.1) y parecidas). Eso es negro azulado, que es lo correcto
   para una sombra, y retintarlo seria empeorarlo. Se tocan SOLO los azules
   saturados de la paleta vieja, con el criterio b > r+60 y b > g+40: asi el
   pizarra (b-r = 27) y el gris azulado slate-400 (b-r = 36) se quedan fuera.

   El destino se elige POR LUMINANCIA, como en la primera parte, y se CONSERVA
   EL ALFA: lo que estaba al 8 % sigue al 8 %.
   Para volver atras, basta borrar este bloque.
   ========================================================================== */
:root {
  --ui-palette-rgba-16-49-104-p08: rgba(23, 50, 92, 0.08);   /* era rgb(16, 49, 104) */
  --ui-palette-rgba-22-61-126-p12: rgba(33, 68, 122, 0.12);   /* era rgb(22, 61, 126) */
  --ui-palette-rgba-23-59-147-p12: rgba(33, 68, 122, 0.12);   /* era rgb(23, 59, 147) */
  --ui-palette-rgba-23-59-147-p94: rgba(33, 68, 122, 0.94);   /* era rgb(23, 59, 147) */
  --ui-palette-rgba-30-58-138-p05: rgba(33, 68, 122, 0.05);   /* era rgb(30, 58, 138) */
  --ui-palette-rgba-30-58-138-p08: rgba(33, 68, 122, 0.08);   /* era rgb(30, 58, 138) */
  --ui-palette-rgba-30-58-138-p1: rgba(33, 68, 122, 0.1);   /* era rgb(30, 58, 138) */
  --ui-palette-rgba-30-58-138-p12: rgba(33, 68, 122, 0.12);   /* era rgb(30, 58, 138) */
  --ui-palette-rgba-30-58-138-p15: rgba(33, 68, 122, 0.15);   /* era rgb(30, 58, 138) */
  --ui-palette-rgba-30-58-138-p18: rgba(33, 68, 122, 0.18);   /* era rgb(30, 58, 138) */
  --ui-palette-rgba-30-58-138-p2: rgba(33, 68, 122, 0.2);   /* era rgb(30, 58, 138) */
  --ui-palette-rgba-30-58-138-p25: rgba(33, 68, 122, 0.25);   /* era rgb(30, 58, 138) */
  --ui-palette-rgba-30-58-138-p3: rgba(33, 68, 122, 0.3);   /* era rgb(30, 58, 138) */
  --ui-palette-rgba-30-58-138-p35: rgba(33, 68, 122, 0.35);   /* era rgb(30, 58, 138) */
  --ui-palette-rgba-30-58-138-p4: rgba(33, 68, 122, 0.4);   /* era rgb(30, 58, 138) */
  --ui-palette-rgba-30-58-138-p45: rgba(33, 68, 122, 0.45);   /* era rgb(30, 58, 138) */
  --ui-palette-rgba-30-58-138-p5: rgba(33, 68, 122, 0.5);   /* era rgb(30, 58, 138) */
  --ui-palette-rgba-25-62-125-p08: rgba(33, 68, 122, 0.08);   /* era rgb(25, 62, 125) */
  --ui-palette-rgba-30-64-175-p04: rgba(33, 68, 122, 0.04);   /* era rgb(30, 64, 175) */
  --ui-palette-rgba-30-64-175-p08: rgba(33, 68, 122, 0.08);   /* era rgb(30, 64, 175) */
  --ui-palette-rgba-30-64-175-p1: rgba(33, 68, 122, 0.1);   /* era rgb(30, 64, 175) */
  --ui-palette-rgba-30-64-175-p10: rgba(33, 68, 122, 0.10);   /* era rgb(30, 64, 175) */
  --ui-palette-rgba-30-64-175-p12: rgba(33, 68, 122, 0.12);   /* era rgb(30, 64, 175) */
  --ui-palette-rgba-30-64-175-p13: rgba(33, 68, 122, 0.13);   /* era rgb(30, 64, 175) */
  --ui-palette-rgba-30-64-175-p14: rgba(33, 68, 122, 0.14);   /* era rgb(30, 64, 175) */
  --ui-palette-rgba-30-64-175-p15: rgba(33, 68, 122, 0.15);   /* era rgb(30, 64, 175) */
  --ui-palette-rgba-30-64-175-p16: rgba(33, 68, 122, 0.16);   /* era rgb(30, 64, 175) */
  --ui-palette-rgba-30-64-175-p18: rgba(33, 68, 122, 0.18);   /* era rgb(30, 64, 175) */
  --ui-palette-rgba-30-64-175-p2: rgba(33, 68, 122, 0.2);   /* era rgb(30, 64, 175) */
  --ui-palette-rgba-30-64-175-p20: rgba(33, 68, 122, 0.20);   /* era rgb(30, 64, 175) */
  --ui-palette-rgba-30-64-175-p22: rgba(33, 68, 122, 0.22);   /* era rgb(30, 64, 175) */
  --ui-palette-rgba-30-64-175-p25: rgba(33, 68, 122, 0.25);   /* era rgb(30, 64, 175) */
  --ui-palette-rgba-30-64-175-p28: rgba(33, 68, 122, 0.28);   /* era rgb(30, 64, 175) */
  --ui-palette-rgba-30-64-175-p3: rgba(33, 68, 122, 0.3);   /* era rgb(30, 64, 175) */
  --ui-palette-rgba-30-64-175-p35: rgba(33, 68, 122, 0.35);   /* era rgb(30, 64, 175) */
  --ui-palette-rgba-30-64-175-p4: rgba(33, 68, 122, 0.4);   /* era rgb(30, 64, 175) */
  --ui-palette-rgba-30-64-175-p42: rgba(33, 68, 122, 0.42);   /* era rgb(30, 64, 175) */
  --ui-palette-rgba-30-64-175-p45: rgba(33, 68, 122, 0.45);   /* era rgb(30, 64, 175) */
  --ui-palette-rgba-30-64-175-p6: rgba(33, 68, 122, 0.6);   /* era rgb(30, 64, 175) */
  --ui-palette-rgba-30-64-175-p95: rgba(33, 68, 122, 0.95);   /* era rgb(30, 64, 175) */
  --ui-palette-rgba-30-64-175-p98: rgba(33, 68, 122, 0.98);   /* era rgb(30, 64, 175) */
  --ui-palette-rgba-29-78-216-p26: rgba(43, 86, 143, 0.26);   /* era rgb(29, 78, 216) */
  --ui-palette-rgba-29-78-216-p35: rgba(43, 86, 143, 0.35);   /* era rgb(29, 78, 216) */
  --ui-palette-rgba-29-78-216-p38: rgba(43, 86, 143, 0.38);   /* era rgb(29, 78, 216) */
  --ui-palette-rgba-147-51-234-p1: rgba(43, 86, 143, 0.1);   /* era rgb(147, 51, 234) */
  --ui-palette-rgba-147-51-234-p15: rgba(43, 86, 143, 0.15);   /* era rgb(147, 51, 234) */
  --ui-palette-rgba-124-58-237-p1: rgba(43, 86, 143, 0.1);   /* era rgb(124, 58, 237) */
  --ui-palette-rgba-124-58-237-p25: rgba(43, 86, 143, 0.25);   /* era rgb(124, 58, 237) */
  --ui-palette-rgba-50-96-173-p18: rgba(58, 108, 173, 0.18);   /* era rgb(50, 96, 173) */
  --ui-palette-rgba-37-99-235-p03: rgba(58, 108, 173, 0.03);   /* era rgb(37, 99, 235) */
  --ui-palette-rgba-37-99-235-p04: rgba(58, 108, 173, 0.04);   /* era rgb(37, 99, 235) */
  --ui-palette-rgba-37-99-235-p06: rgba(58, 108, 173, .06);   /* era rgb(37, 99, 235) */
  --ui-palette-rgba-37-99-235-p07: rgba(58, 108, 173, 0.07);   /* era rgb(37, 99, 235) */
  --ui-palette-rgba-37-99-235-p08: rgba(58, 108, 173, 0.08);   /* era rgb(37, 99, 235) */
  --ui-palette-rgba-37-99-235-p1: rgba(58, 108, 173, 0.1);   /* era rgb(37, 99, 235) */
  --ui-palette-rgba-37-99-235-p10: rgba(58, 108, 173, 0.10);   /* era rgb(37, 99, 235) */
  --ui-palette-rgba-37-99-235-p12: rgba(58, 108, 173, .12);   /* era rgb(37, 99, 235) */
  --ui-palette-rgba-37-99-235-p14: rgba(58, 108, 173, 0.14);   /* era rgb(37, 99, 235) */
  --ui-palette-rgba-37-99-235-p15: rgba(58, 108, 173, 0.15);   /* era rgb(37, 99, 235) */
  --ui-palette-rgba-37-99-235-p16: rgba(58, 108, 173, 0.16);   /* era rgb(37, 99, 235) */
  --ui-palette-rgba-37-99-235-p17: rgba(58, 108, 173, 0.17);   /* era rgb(37, 99, 235) */
  --ui-palette-rgba-37-99-235-p18: rgba(58, 108, 173, 0.18);   /* era rgb(37, 99, 235) */
  --ui-palette-rgba-37-99-235-p2: rgba(58, 108, 173, 0.2);   /* era rgb(37, 99, 235) */
  --ui-palette-rgba-37-99-235-p20: rgba(58, 108, 173, 0.20);   /* era rgb(37, 99, 235) */
  --ui-palette-rgba-37-99-235-p22: rgba(58, 108, 173, 0.22);   /* era rgb(37, 99, 235) */
  --ui-palette-rgba-37-99-235-p24: rgba(58, 108, 173, 0.24);   /* era rgb(37, 99, 235) */
  --ui-palette-rgba-37-99-235-p25: rgba(58, 108, 173, 0.25);   /* era rgb(37, 99, 235) */
  --ui-palette-rgba-37-99-235-p26: rgba(58, 108, 173, 0.26);   /* era rgb(37, 99, 235) */
  --ui-palette-rgba-37-99-235-p28: rgba(58, 108, 173, 0.28);   /* era rgb(37, 99, 235) */
  --ui-palette-rgba-37-99-235-p3: rgba(58, 108, 173, 0.3);   /* era rgb(37, 99, 235) */
  --ui-palette-rgba-37-99-235-p32: rgba(58, 108, 173, 0.32);   /* era rgb(37, 99, 235) */
  --ui-palette-rgba-37-99-235-p42: rgba(58, 108, 173, 0.42);   /* era rgb(37, 99, 235) */
  --ui-palette-rgba-37-99-235-p45: rgba(58, 108, 173, 0.45);   /* era rgb(37, 99, 235) */
  --ui-palette-rgba-37-99-235-p5: rgba(58, 108, 173, 0.5);   /* era rgb(37, 99, 235) */
  --ui-palette-rgba-37-99-235-p55: rgba(58, 108, 173, 0.55);   /* era rgb(37, 99, 235) */
  --ui-palette-rgba-37-99-235-p68: rgba(58, 108, 173, 0.68);   /* era rgb(37, 99, 235) */
  --ui-palette-rgba-37-99-235-p92: rgba(58, 108, 173, 0.92);   /* era rgb(37, 99, 235) */
  --ui-palette-rgba-37-99-235-p98: rgba(58, 108, 173, 0.98);   /* era rgb(37, 99, 235) */
  --ui-palette-rgba-13-110-253-p08: rgba(58, 108, 173, .08);   /* era rgb(13, 110, 253) */
  --ui-palette-rgba-13-110-253-p18: rgba(58, 108, 173, 0.18);   /* era rgb(13, 110, 253) */
  --ui-palette-rgba-13-110-253-p25: rgba(58, 108, 173, .25);   /* era rgb(13, 110, 253) */
  --ui-palette-rgba-13-110-253-p28: rgba(58, 108, 173, .28);   /* era rgb(13, 110, 253) */
  --ui-palette-rgba-13-110-253-p35: rgba(58, 108, 173, .35);   /* era rgb(13, 110, 253) */
  --ui-palette-rgba-13-110-253-p4: rgba(58, 108, 173, 0.4);   /* era rgb(13, 110, 253) */
  --ui-palette-rgba-55-108-190-p18: rgba(58, 108, 173, 0.18);   /* era rgb(55, 108, 190) */
  --ui-palette-rgba-0-123-255-p20: rgba(58, 108, 173, 0.20);   /* era rgb(0, 123, 255) */
  --ui-palette-rgba-0-123-255-p28: rgba(58, 108, 173, 0.28);   /* era rgb(0, 123, 255) */
  --ui-palette-rgba-0-123-255-p90: rgba(58, 108, 173, 0.90);   /* era rgb(0, 123, 255) */
  --ui-palette-rgba-50-111-255-p12: rgba(58, 108, 173, 0.12);   /* era rgb(50, 111, 255) */
  --ui-palette-rgba-2-132-199-p14: rgba(58, 108, 173, 0.14);   /* era rgb(2, 132, 199) */
  --ui-palette-rgba-2-132-199-p15: rgba(58, 108, 173, 0.15);   /* era rgb(2, 132, 199) */
  --ui-palette-rgba-2-132-199-p16: rgba(58, 108, 173, 0.16);   /* era rgb(2, 132, 199) */
  --ui-palette-rgba-2-132-199-p18: rgba(58, 108, 173, 0.18);   /* era rgb(2, 132, 199) */
  --ui-palette-rgba-2-132-199-p25: rgba(58, 108, 173, 0.25);   /* era rgb(2, 132, 199) */
  --ui-palette-rgba-86-114-156-p32: rgba(58, 108, 173, 0.32);   /* era rgb(86, 114, 156) */
  --ui-palette-rgba-99-102-241-p15: rgba(58, 108, 173, 0.15);   /* era rgb(99, 102, 241) */
  --ui-palette-rgba-139-92-246-p12: rgba(58, 108, 173, 0.12);   /* era rgb(139, 92, 246) */
  --ui-palette-rgba-139-92-246-p14: rgba(58, 108, 173, 0.14);   /* era rgb(139, 92, 246) */
  --ui-palette-rgba-139-92-246-p3: rgba(58, 108, 173, 0.3);   /* era rgb(139, 92, 246) */
  --ui-palette-rgba-139-92-246-p32: rgba(58, 108, 173, 0.32);   /* era rgb(139, 92, 246) */
  --ui-palette-rgba-168-85-247-p15: rgba(58, 108, 173, 0.15);   /* era rgb(168, 85, 247) */
  --ui-palette-rgba-66-122-208-p26: rgba(58, 108, 173, 0.26);   /* era rgb(66, 122, 208) */
  --ui-palette-rgba-67-119-255-p12: rgba(58, 108, 173, 0.12);   /* era rgb(67, 119, 255) */
  --ui-palette-rgba-71-128-220-p18: rgba(58, 108, 173, 0.18);   /* era rgb(71, 128, 220) */
  --ui-palette-rgba-59-130-246-p035: rgba(58, 108, 173, 0.035);   /* era rgb(59, 130, 246) */
  --ui-palette-rgba-59-130-246-p05: rgba(58, 108, 173, 0.05);   /* era rgb(59, 130, 246) */
  --ui-palette-rgba-59-130-246-p06: rgba(58, 108, 173, 0.06);   /* era rgb(59, 130, 246) */
  --ui-palette-rgba-59-130-246-p08: rgba(58, 108, 173, 0.08);   /* era rgb(59, 130, 246) */
  --ui-palette-rgba-59-130-246-p1: rgba(58, 108, 173, 0.1);   /* era rgb(59, 130, 246) */
  --ui-palette-rgba-59-130-246-p12: rgba(58, 108, 173, 0.12);   /* era rgb(59, 130, 246) */
  --ui-palette-rgba-59-130-246-p14: rgba(58, 108, 173, 0.14);   /* era rgb(59, 130, 246) */
  --ui-palette-rgba-59-130-246-p15: rgba(58, 108, 173, 0.15);   /* era rgb(59, 130, 246) */
  --ui-palette-rgba-59-130-246-p16: rgba(58, 108, 173, 0.16);   /* era rgb(59, 130, 246) */
  --ui-palette-rgba-59-130-246-p18: rgba(58, 108, 173, 0.18);   /* era rgb(59, 130, 246) */
  --ui-palette-rgba-59-130-246-p2: rgba(58, 108, 173, 0.2);   /* era rgb(59, 130, 246) */
  --ui-palette-rgba-59-130-246-p22: rgba(58, 108, 173, 0.22);   /* era rgb(59, 130, 246) */
  --ui-palette-rgba-59-130-246-p24: rgba(58, 108, 173, 0.24);   /* era rgb(59, 130, 246) */
  --ui-palette-rgba-59-130-246-p3: rgba(58, 108, 173, 0.3);   /* era rgb(59, 130, 246) */
  --ui-palette-rgba-59-130-246-p30: rgba(58, 108, 173, 0.30);   /* era rgb(59, 130, 246) */
  --ui-palette-rgba-59-130-246-p32: rgba(58, 108, 173, 0.32);   /* era rgb(59, 130, 246) */
  --ui-palette-rgba-59-130-246-p4: rgba(58, 108, 173, 0.4);   /* era rgb(59, 130, 246) */
  --ui-palette-rgba-59-130-246-p48: rgba(58, 108, 173, 0.48);   /* era rgb(59, 130, 246) */
  --ui-palette-rgba-59-130-246-p5: rgba(58, 108, 173, 0.5);   /* era rgb(59, 130, 246) */
  --ui-palette-rgba-59-130-246-p56: rgba(58, 108, 173, 0.56);   /* era rgb(59, 130, 246) */
  --ui-palette-rgba-59-130-246-p95: rgba(58, 108, 173, 0.95);   /* era rgb(59, 130, 246) */
  --ui-palette-rgba-90-128-195-p14: rgba(58, 108, 173, 0.14);   /* era rgb(90, 128, 195) */
  --ui-palette-rgba-14-165-233-p1: rgba(58, 108, 173, 0.1);   /* era rgb(14, 165, 233) */
  --ui-palette-rgba-14-165-233-p13: rgba(58, 108, 173, 0.13);   /* era rgb(14, 165, 233) */
  --ui-palette-rgba-14-165-233-p15: rgba(58, 108, 173, 0.15);   /* era rgb(14, 165, 233) */
  --ui-palette-rgba-14-165-233-p22: rgba(58, 108, 173, 0.22);   /* era rgb(14, 165, 233) */
  --ui-palette-rgba-14-165-233-p3: rgba(58, 108, 173, 0.3);   /* era rgb(14, 165, 233) */
  --ui-palette-rgba-14-165-233-p88: rgba(58, 108, 173, 0.88);   /* era rgb(14, 165, 233) */
  --ui-palette-rgba-14-165-233-p9: rgba(58, 108, 173, 0.9);   /* era rgb(14, 165, 233) */
  --ui-palette-rgba-120-148-193-p12: rgba(58, 108, 173, 0.12);   /* era rgb(120, 148, 193) */
  --ui-palette-rgba-120-148-193-p15: rgba(58, 108, 173, 0.15);   /* era rgb(120, 148, 193) */
  --ui-palette-rgba-120-148-193-p5: rgba(58, 108, 173, 0.5);   /* era rgb(120, 148, 193) */
  --ui-palette-rgba-0-191-255-p16: rgba(168, 192, 224, 0.16);   /* era rgb(0, 191, 255) */
  --ui-palette-rgba-0-191-255-p22: rgba(168, 192, 224, 0.22);   /* era rgb(0, 191, 255) */
  --ui-palette-rgba-0-191-255-p24: rgba(168, 192, 224, 0.24);   /* era rgb(0, 191, 255) */
  --ui-palette-rgba-0-191-255-p26: rgba(168, 192, 224, 0.26);   /* era rgb(0, 191, 255) */
  --ui-palette-rgba-0-191-255-p28: rgba(168, 192, 224, 0.28);   /* era rgb(0, 191, 255) */
  --ui-palette-rgba-0-191-255-p30: rgba(168, 192, 224, 0.30);   /* era rgb(0, 191, 255) */
  --ui-palette-rgba-96-165-250-p20: rgba(168, 192, 224, 0.20);   /* era rgb(96, 165, 250) */
  --ui-palette-rgba-96-165-250-p25: rgba(168, 192, 224, 0.25);   /* era rgb(96, 165, 250) */
  --ui-palette-rgba-96-165-250-p55: rgba(168, 192, 224, 0.55);   /* era rgb(96, 165, 250) */
  --ui-palette-rgba-80-181-233-p14: rgba(168, 192, 224, 0.14);   /* era rgb(80, 181, 233) */
  --ui-palette-rgba-147-197-253-p26: rgba(168, 192, 224, 0.26);   /* era rgb(147, 197, 253) */
  --ui-palette-rgba-147-197-253-p3: rgba(168, 192, 224, 0.3);   /* era rgb(147, 197, 253) */
  --ui-palette-rgba-147-197-253-p36: rgba(168, 192, 224, 0.36);   /* era rgb(147, 197, 253) */
  --ui-palette-rgba-147-197-253-p65: rgba(168, 192, 224, 0.65);   /* era rgb(147, 197, 253) */
}