/* ============================================================================
   PUENTE DE NOMBRES · para que las piezas ya publicadas sigan funcionando
   ============================================================================
   Las piezas de esta marca estan escritas con SU vocabulario de colores, no con
   el del sistema. Medido: piden 291 nombres y el sistema cubria una parte. Cambiar
   su hoja de golpe las dejaria sin color.

   Aqui se declaran los que faltaban, para que una pieza pueda cargar el sistema
   SIN tocar ni una linea suya. Es el mismo recurso que ya se usaba con `--lime`,
   el nombre historico del acento de OH WOW!, pero con 144 nombres en vez de uno.

   TRES MONTONES, y solo el primero cambia de aspecto:
     27 de MARCA      apuntan al acento del sistema. Es aplicar el sistema de
                      diseno, que es lo que se pide.
     114 copiados      conservan su valor literal: nada cambia.
      3 sin duenio    se pedian y NADIE los declaraba. Cada uno era un trozo de
                      pagina sin color, sin dar ningun error.

   Y SE REPITE EN EL BLOQUE DE TEMA OSCURO, con el mismo peso que la hoja de la
   marca. Sin eso, la hoja de la marca declara sus colores dentro de
   `:root[data-theme="dark"]`, que pesa mas que un `:root` a secas, y GANA ella
   pase lo que pase: el boton de acento salia con el naranja viejo y letra blanca
   encima, en 2,14 sobre el minimo de 4,5. Con el mismo peso y cargandose despues,
   manda el sistema. Los valores no se repiten: apuntan a los mismos nombres, que
   ya se dan la vuelta solos con el tema.

   ARCHIVO GENERADO por `puente-de-nombres.py`. Para cambiarlo, se cambia ahi.
   ============================================================================ */
:root{
  --accent-coral:#EB674C;
  --accent-flame:#DD4A2C;
  --accent-nido:#3D7A8C;
  --accent-sf:#6F8F5B;
  --apagado:#6B6157;
  --beige:#F3ECE4;
  --blue:#3D6EFF;
  --blue-ink:#FFFFFF;   /* calculada sobre #3D6EFF: 4.31 a 1 */
  --brand:var(--accent-ink,var(--accent));
  --brand-contrast:var(--on-accent);
  --brand-fill:var(--accent);
  --brand-fill-strong:var(--accent-hover,var(--accent-ink));
  --brand-strong:var(--accent-hover,var(--accent-ink));
  --card:var(--surface);
  --cream:#FAF7F4;
  --cuerpo:"EB Garamond", Georgia, "Times New Roman", serif;
  --db-anchors-h:56px;
  --db-div-0:#EFE7DF;
  --db-div-0-ink:#141414;   /* calculada sobre #EFE7DF: 15.06 a 1 */
  --db-div-n1:#B4C4DE;
  --db-div-n1-ink:#141414;   /* calculada sobre #B4C4DE: 10.43 a 1 */
  --db-div-n2:#6C8CC4;
  --db-div-n2-ink:#141414;   /* calculada sobre #6C8CC4: 5.43 a 1 */
  --db-div-n3:#2E5AA8;
  --db-div-n3-ink:#FFFFFF;   /* calculada sobre #2E5AA8: 6.68 a 1 */
  --db-div-p1:#E8B6A2;
  --db-div-p1-ink:#141414;   /* calculada sobre #E8B6A2: 10.21 a 1 */
  --db-div-p2:#D07B5C;
  --db-div-p2-ink:#141414;   /* calculada sobre #D07B5C: 5.85 a 1 */
  --db-div-p3:#B83E25;
  --db-div-p3-ink:#FFFFFF;   /* calculada sobre #B83E25: 5.59 a 1 */
  --db-err-bg:color-mix(in srgb, var(--err) 15%, var(--surface));
  --db-err-ink:#7E2B39;
  --db-gutter:clamp(20px, 2.4vw, 34px);
  --db-neutral-bg:var(--panel);
  --db-neutral-ink:var(--text-muted);
  --db-ok-bg:color-mix(in srgb, var(--ok) 18%, var(--surface));
  --db-ok-ink:#3D5530;
  --db-on-brand:var(--brand-contrast);
  --db-row-hover:color-mix(in srgb, var(--panel) 62%, var(--surface));
  --db-row-sel:color-mix(in srgb, var(--brand) 10%, var(--surface));
  --db-s1:#B83E25;
  --db-s2:#B06A10;
  --db-s3:#2E5AA8;
  --db-s4:#9C3462;
  --db-s5:#63499B;
  --db-s6:#7C5637;
  --db-s7:#3C86BE;
  --db-s8:#5B5560;
  --db-scrim:rgba(28, 20, 16, .48);
  --db-seq-1:#F7E9E2;
  --db-seq-1-ink:#141414;   /* calculada sobre #F7E9E2: 15.54 a 1 */
  --db-seq-2:#EFCDBE;
  --db-seq-2-ink:#141414;   /* calculada sobre #EFCDBE: 12.41 a 1 */
  --db-seq-3:#E3A88F;
  --db-seq-3-ink:#141414;   /* calculada sobre #E3A88F: 9.00 a 1 */
  --db-seq-4:#D28062;
  --db-seq-4-ink:#141414;   /* calculada sobre #D28062: 6.14 a 1 */
  --db-seq-5:#B04E30;
  --db-seq-5-ink:#FFFFFF;   /* calculada sobre #B04E30: 5.28 a 1 */
  --db-seq-6:#93321E;
  --db-seq-6-ink:#FFFFFF;   /* calculada sobre #93321E: 7.73 a 1 */
  --db-side-w:280px;
  --db-topbar-h:68px;
  --db-track:color-mix(in srgb, var(--line) 70%, var(--surface));
  --db-warn-bg:color-mix(in srgb, var(--warn) 20%, var(--surface));
  --db-warn-ink:#7A4D08;
  --dock-bg:var(--surface);   /* el fondo de la barra de herramientas flotante */
  --emb-curva:cubic-bezier(.22, .68, .28, 1);
  --emb-medio:.32s;
  --emb-rapido:.18s;
  --err:var(--danger);   /* se da la vuelta con el tema */
  --fam-lugar:#1C5470;
  --fam-lugar-bg:rgba(31,90,120,.13);
  --fam-mundo:#8A2B4E;
  --fam-mundo-bg:rgba(138,43,78,.13);
  --fam-objeto:#6E4A12;
  --fam-objeto-bg:rgba(122,84,20,.14);
  --fam-persona:#5b34c0;
  --fam-persona-bg:rgba(91,52,192,.13);
  --fam-prenda:#2A5C44;
  --fam-prenda-bg:rgba(45,100,72,.14);
  --filete:#C99878;
  --fn-wa-bg:#DCF8C6;
  --fn-wa-ink:#1C1410;
  --focus-ring:var(--lon-red-deep);
  --font-body:"Space Grotesk", "Galano Grotesque Alt", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display:"Space Grotesk", "Galano Grotesque Alt", system-ui, sans-serif;
  --glass:color-mix(in srgb, var(--white) 82%, transparent);
  --hub-pad:clamp(16px, (100vw - 1000px) / 4.6, 200px);
  --hub-tools-h:48px;   /* la altura de la fila de herramientas */
  --hub-top-h:64px;   /* la altura de la barra de arriba del portal */
  --ink-dim:var(--text-dim);   /* se da la vuelta con el tema */
  --ink-soft:var(--text-soft);   /* se da la vuelta con el tema */
  --ink2:var(--text-dim);
  --k0:var(--bg);
  --k10:var(--accent-ink);
  --k3:var(--surface-strong);
  --k9:var(--accent);
  --lamina:760px;
  --line:var(--rule);   /* se da la vuelta con el tema */
  --line-neutral:var(--rule);   /* se da la vuelta con el tema */
  --lon-red:#B83E25;
  --lon-red-deep:#A6372B;
  --lon-red-earth:#7A241C;
  --margen:clamp(20px, 5.5vw, 58px);
  --maxw:1080px;
  --mut:var(--text-soft);
  --on-veil:#fff;
  --on-veil-light:#141414;
  --page:var(--bg);
  --panel:var(--surface-alt);   /* se da la vuelta con el tema */
  --papel:#F5E7DC;
  --purple:#B998E5;
  --r-frame:32px;
  --r-mask:clamp(72px, 12vw, 140px);
  --r-xl:20px;
  --s-2:8px;
  --s-3:16px;
  --s-4:24px;
  --s-5:32px;
  --s-6:48px;
  --s-7:64px;
  --s-8:96px;
  --sand:#E8A13A;
  --shade-soft:rgba(0,0,0,.06);
  --shadow:var(--sh-1);
  --solid-hover:#3A3A3A;
  --t-bg:var(--fam-persona-bg);
  --tag-a:var(--lime);
  --tag-b:#9FD40F;
  --tag-glow:rgba(193,254,26,.28);
  --terracota:#A74124;
  --text-muted:var(--text-dim);   /* se da la vuelta con el tema */
  --thead:var(--surface-alt);   /* se da la vuelta con el tema */
  --tinta:#322E24;
  --veil-btn:rgba(28,26,23,.86);
  --veil-dark:rgba(15,12,10,.92);
  --veil-ico:rgba(37,37,37,.6);
  --veil-light:rgba(255,255,255,.14);
  --veil-light-2:rgba(255,255,255,.28);
  --veil-light-3:rgba(255,255,255,.30);
  --veil-light-4:rgba(255,255,255,.75);
  --white:#FFFFFF;
}

html[data-theme="dark"], :root[data-theme="dark"]{
  --brand:var(--accent-ink,var(--accent));
  --brand-contrast:var(--on-accent);
  --brand-fill:var(--accent);
  --brand-fill-strong:var(--accent-hover,var(--accent-ink));
  --brand-strong:var(--accent-hover,var(--accent-ink));
  --err:var(--danger);
  --ink-dim:var(--text-dim);
  --ink-soft:var(--text-soft);
  --line:var(--rule);
  --line-neutral:var(--rule);
  --panel:var(--surface-alt);
  --text-muted:var(--text-dim);
  --thead:var(--surface-alt);
}