/* ============================
   DEIMEN BRAND THEME
   social.deimen.com
   ============================ */

/* Colores base */
:root {
  --deimen-primary: #FF4D1A;   /* naranja rojizo principal */
  --deimen-secondary: #FF6A2B; /* naranja suave */
  --deimen-dark: #121212;
}

/* Enlaces */
a {
  color: var(--deimen-secondary) !important;
}

a:hover {
  color: var(--deimen-primary) !important;
}

/* Botones */
.button,
.button.button-primary,
.compose-form .button {
  background-color: var(--deimen-primary) !important;
  border-color: var(--deimen-primary) !important;
  color: #ffffff !important;
}

.button:hover {
  background-color: #E63900 !important;
}

/* Barra superior */
.ui__header,
.column-header {
  background-color: var(--deimen-dark) !important;
  border-bottom: 1px solid var(--deimen-primary) !important;
}

/* Iconos activos */
.icon-button.active {
  color: var(--deimen-primary) !important;
}

/* Notificaciones activas */
.notification.unread {
  border-left: 4px solid var(--deimen-primary) !important;
}

/* Timeline highlight */
.status__content a {
  color: var(--deimen-secondary) !important;
}

/* Inputs */
input,
textarea {
  border-color: var(--deimen-primary) !important;
}

input:focus,
textarea:focus {
  outline: none !important;
  border-color: var(--deimen-secondary) !important;
}

/* Scrollbar (Chrome / Edge) */
::-webkit-scrollbar-thumb {
  background: var(--deimen-primary);
}

::-webkit-scrollbar-track {
  background: #1a1a1a;
}

/* ============================
   FONDO OSCURO PREMIUM - DEIMEN
   ============================ */

/* Fondo general */
body,
.ui,
.app-body {
  background-color: #181818 !important;
}

/* Columnas */
.column {
  background-color: #1E1E1E !important;
}

/* Cards / posts */
.status,
.detailed-status {
  background-color: #1C1C1C !important;
  border-bottom: 1px solid #262626 !important;
}

/* Sidebar */
.drawer,
.navigation-panel {
  background-color: #161616 !important;
}

/* Modales */
.modal-root__container {
  background-color: #181818 !important;
}

/* Texto principal */
body,
.status__content,
.display-name,
.account__display-name {
  color: #EAEAEA !important;
}

/* Texto secundario */
.status__meta,
.account__username,
.time {
  color: #A0A0A0 !important;
}
/* ============================
   ELIMINAR AZUL DE MASTODON
   DEIMEN THEME
   ============================ */

/* Composer / publicar */
.compose-form,
.compose-form__autosuggest-wrapper,
.compose-form textarea,
.compose-form input {
  background-color: #161616 !important;
  color: #EAEAEA !important;
  border: 1px solid #262626 !important;
}

/* Focus (cuando escribes) */
.compose-form textarea:focus,
.compose-form input:focus {
  border-color: #FF4D1A !important;
  box-shadow: 0 0 0 1px #FF4D1A !important;
  background-color: #161616 !important;
}

/* Barra inferior del composer */
.compose-form__buttons-wrapper {
  background-color: #141414 !important;
  border-top: 1px solid #262626 !important;
}

/* Dropdowns / menús */
.dropdown-menu,
.select-menu {
  background-color: #161616 !important;
  color: #EAEAEA !important;
}

/* Botones secundarios (antes azules) */
.button-secondary,
.text-btn {
  color: #FF6A2B !important;
}

/* Links activos y elementos seleccionados */
.is-active,
.is-selected,
.react-toggle--checked {
  background-color: #FF4D1A !important;
}

/* Bordes azules residuales */
*:focus {
  outline: none !important;
}

/* Resaltados */
::selection {
  background: #FF4D1A;
  color: #ffffff;
}