/* ============================================================
   Tema Neurovia (estilo Monday) — v1
   Pisa las variables de tema de Twenty (html.light / html.dark).
   Solo estética: no toca lógica ni estructura.
   ============================================================ */

/* ---------- TEMA CLARO: lienzo gris suave + acento violeta ---------- */
html.light {
  /* acento principal (antes azul) -> violeta Neurovia */
  --t-color-blue: #6847e5;
  --t-color-blue1: #fdfcff;
  --t-color-blue2: #faf8ff;
  --t-color-blue3: #f2eefe;
  --t-color-blue4: #e9e2fd;
  --t-color-blue5: #ded3fb;
  --t-color-blue6: #cfc0f8;
  --t-color-blue7: #bba6f1;
  --t-color-blue8: #a184e9;
  --t-color-blue9: #6847e5;
  --t-color-blue10: #5b39d8;
  --t-color-blue11: #5734c6;
  --t-color-blue12: #251356;

  --t-accent-primary: #ded3fb;
  --t-accent-secondary: #ded3fb;
  --t-accent-tertiary: #f2eefe;
  --t-accent-quaternary: #faf8ff;
  --t-accent-accent1: #fdfcff;
  --t-accent-accent2: #faf8ff;
  --t-accent-accent3: #f2eefe;
  --t-accent-accent4: #e9e2fd;
  --t-accent-accent5: #ded3fb;
  --t-accent-accent6: #cfc0f8;
  --t-accent-accent7: #bba6f1;
  --t-accent-accent8: #a184e9;
  --t-accent-accent9: #6847e5;
  --t-accent-accent10: #5b39d8;
  --t-accent-accent11: #5734c6;
  --t-accent-accent12: #251356;

  --t-border-color-blue: #bba6f1;
  --t-background-transparent-blue: rgba(104, 71, 229, 0.1);

  /* lienzo estilo Monday: gris azulado muy claro + tarjetas blancas */
  --t-background-primary: #ffffff;
  --t-background-secondary: #f6f7fb;
  --t-background-tertiary: #edeff7;
  --t-background-quaternary: #e4e7f2;

  --t-border-color-light: #e4e7ee;
  --t-border-color-medium: #d3d8e4;
  --t-border-color-strong: #b7bfd1;

  /* esquinas un poco más amables */
  --t-border-radius-xs: 4px;
  --t-border-radius-sm: 6px;
}

/* ---------- TEMA OSCURO: navy profundo + acento violeta claro ---------- */
html.dark {
  --t-color-blue: #7a5dea;
  --t-color-blue1: #131022;
  --t-color-blue2: #17132b;
  --t-color-blue3: #201a40;
  --t-color-blue4: #281f53;
  --t-color-blue5: #2f2562;
  --t-color-blue6: #392c75;
  --t-color-blue7: #463790;
  --t-color-blue8: #5843ae;
  --t-color-blue9: #6847e5;
  --t-color-blue10: #7a5dea;
  --t-color-blue11: #a78ff0;
  --t-color-blue12: #e2dafc;

  --t-accent-primary: #2f2562;
  --t-accent-secondary: #2f2562;
  --t-accent-tertiary: #201a40;
  --t-accent-quaternary: #17132b;
  --t-accent-accent1: #131022;
  --t-accent-accent2: #17132b;
  --t-accent-accent3: #201a40;
  --t-accent-accent4: #281f53;
  --t-accent-accent5: #2f2562;
  --t-accent-accent6: #392c75;
  --t-accent-accent7: #463790;
  --t-accent-accent8: #5843ae;
  --t-accent-accent9: #6847e5;
  --t-accent-accent10: #7a5dea;
  --t-accent-accent11: #a78ff0;
  --t-accent-accent12: #e2dafc;

  --t-border-color-blue: #5843ae;
  --t-background-transparent-blue: rgba(122, 93, 234, 0.16);

  /* oscuro con tinte navy (no gris plano) */
  --t-background-primary: #16161e;
  --t-background-secondary: #191a23;
  --t-background-tertiary: #1e1f2a;
  --t-background-quaternary: #242534;

  --t-border-color-light: #2a2c3a;
  --t-border-color-medium: #333546;
  --t-border-color-strong: #444760;

  --t-border-radius-xs: 4px;
  --t-border-radius-sm: 6px;
}

/* ---------- CHIPS DE ESTADO estilo Monday (color pleno + texto blanco) ----------
   Aplican a las opciones SELECT/etiquetas en toda la app, en ambos temas. */
html.light,
html.dark {
  --t-tag-background-green: #00c875;   --t-tag-text-green: #ffffff;
  --t-tag-background-grass: #037f4c;   --t-tag-text-grass: #ffffff;
  --t-tag-background-jade: #009960;    --t-tag-text-jade: #ffffff;
  --t-tag-background-mint: #25dbc5;    --t-tag-text-mint: #0d4a42;
  --t-tag-background-lime: #9cd326;    --t-tag-text-lime: #37470a;
  --t-tag-background-yellow: #ffcb00;  --t-tag-text-yellow: #574700;
  --t-tag-background-amber: #ffb447;   --t-tag-text-amber: #5c3a00;
  --t-tag-background-gold: #cab641;    --t-tag-text-gold: #454000;
  --t-tag-background-orange: #fdab3d;  --t-tag-text-orange: #6e4500;
  --t-tag-background-tomato: #ff642e;  --t-tag-text-tomato: #ffffff;
  --t-tag-background-red: #e2445c;     --t-tag-text-red: #ffffff;
  --t-tag-background-ruby: #bb3354;    --t-tag-text-ruby: #ffffff;
  --t-tag-background-crimson: #ff158a; --t-tag-text-crimson: #ffffff;
  --t-tag-background-pink: #ff5ac4;    --t-tag-text-pink: #ffffff;
  --t-tag-background-plum: #c063cf;    --t-tag-text-plum: #ffffff;
  --t-tag-background-purple: #a25ddc;  --t-tag-text-purple: #ffffff;
  --t-tag-background-violet: #784bd1;  --t-tag-text-violet: #ffffff;
  --t-tag-background-iris: #5b5ef7;    --t-tag-text-iris: #ffffff;
  --t-tag-background-blue: #579bfc;    --t-tag-text-blue: #ffffff;
  --t-tag-background-sky: #66ccff;     --t-tag-text-sky: #0a3d5c;
  --t-tag-background-cyan: #0086c0;    --t-tag-text-cyan: #ffffff;
  --t-tag-background-turquoise: #00d2d2; --t-tag-text-turquoise: #063f3f;
  --t-tag-background-bronze: #9f7b4f;  --t-tag-text-bronze: #ffffff;
  --t-tag-background-brown: #7f5347;   --t-tag-text-brown: #ffffff;
  --t-tag-background-sand: #b8a98a;    --t-tag-text-sand: #3f3620;
  --t-tag-background-gray: #797e93;    --t-tag-text-gray: #ffffff;
  --t-tag-background-slate: #68708a;   --t-tag-text-slate: #ffffff;
  --t-tag-background-mauve: #8c7a8f;   --t-tag-text-mauve: #ffffff;
  --t-tag-background-sage: #7c8a7b;    --t-tag-text-sage: #ffffff;
  --t-tag-background-olive: #828a5e;   --t-tag-text-olive: #ffffff;
}

/* ---------- detalles ---------- */
::selection { background: rgba(104, 71, 229, 0.25); }
* { scrollbar-width: thin; scrollbar-color: var(--t-border-color-medium) transparent; }