/* Marca HINCHA sobre Twenty. Va fuera de @layer, así que gana a los tokens de
   twenty-ui (que están en @layer twenty-ui). Rojo de la web: #d8341a. */

.light {
  --t-accent-primary: #ffc0b2;
  --t-accent-secondary: #ffc0b2;
  --t-accent-tertiary: #ffe3dc;
  --t-accent-quaternary: #fff0ec;
  --t-accent-accent3570: #e56a50;
  --t-accent-accent4060: #e56a50;
  --t-accent-accent1: #fff8f6;
  --t-accent-accent2: #fff0ec;
  --t-accent-accent3: #ffe3dc;
  --t-accent-accent4: #ffd2c7;
  --t-accent-accent5: #ffc0b2;
  --t-accent-accent6: #fba897;
  --t-accent-accent7: #f08a75;
  --t-accent-accent8: #e56a50;
  --t-accent-accent9: #b82a12;
  --t-accent-accent10: #96210d;
  --t-accent-accent11: #b82a12;
  --t-accent-accent12: #4a1006;
  --t-border-color-blue: #f08a75;
  --t-background-transparent-blue: #d8341a14;

  /* El «azul» de Twenty (botón Crear, foco de campos, enlaces) pasa a ser el rojo */
  --t-color-blue: #b82a12;
  --t-color-blue1: #fff8f6;
  --t-color-blue2: #fff0ec;
  --t-color-blue3: #ffe3dc;
  --t-color-blue4: #ffd2c7;
  --t-color-blue5: #ffc0b2;
  --t-color-blue6: #fba897;
  --t-color-blue7: #f08a75;
  --t-color-blue8: #e56a50;
  --t-color-blue9: #b82a12;
  --t-color-blue10: #96210d;
  --t-color-blue11: #b82a12;
  --t-color-blue12: #4a1006;

  --t-background-secondary: #fbf7f5;
  --t-background-primary-inverted: #b82a12;
  --t-background-primary-inverted-hover: #96210d;
}

.dark {
  --t-accent-accent8: #96210d;
  --t-accent-accent9: #ff6a47;
  --t-accent-accent10: #ff8a6e;
  --t-accent-accent11: #ff8a6e;
  --t-border-color-blue: #96210d;
  --t-background-transparent-blue: #ff6a471f;
}

/* Aviso «Agente de IA pendiente de conectar» (lo marca hincha.js) */
.enigma-aviso,
.enigma-aviso * {
  background: #fff0ec !important;
  color: #96210d !important;
}

/* Firma en las pantallas de acceso (la pone hincha.js) */
#enigma-firma {
  bottom: 20px;
  color: #6b7280;
  font: 12px/1.4 Inter, sans-serif;
  left: 0;
  position: fixed;
  right: 0;
  text-align: center;
}

#enigma-firma a {
  color: #b82a12;
  font-weight: 500;
  text-decoration: none;
}