/* =====================================
   DEIMEN — FULL BRAND OVERRIDE
   social.deimen.com
   ===================================== */

/* ===== PALETA BASE ===== */
:root {
  --deimen-bg-main: #181818;
  --deimen-bg-soft: #1C1C1C;
  --deimen-bg-hard: #141414;

  --deimen-text-main: #F0F0F0;
  --deimen-text-muted: #A5A5A5;

  --deimen-orange: #FF4D1A;
  --deimen-orange-soft: #FF6A2B;
  --deimen-orange-dark: #E63900;
}

/* ===== RESET TOTAL DEL AZUL ===== */
* {
  --color-primary: var(--deimen-orange) !important;
  --color-secondary: var(--deimen-orange-soft) !important;
  --focus-ring-color: transparent !important;
}

/* ===== FONDO GLOBAL ===== */
html,
body,
.ui,
.app-body {
  background-color: var(--deimen-bg-main) !important;
  color: var(--deimen-text-main) !important;
}

/* ===== HEADER / TOP BAR ===== */
.ui__header,
.column-header,
.account__header {
  background-color: var(--deimen-bg-hard) !important;
  border-bottom: 1px solid var(--deimen-orange) !important;
}

/* ===== COLUMNS ===== */
.column {
  background-color: var(--deimen-bg-soft) !important;
}

/* ===== POSTS / CARDS ===== */
.status,
.detailed-status {
  background-color: var(--deimen-bg-main) !important;
  border-bottom: 1px solid #262626 !important;
}

/* ===== TEXTO ===== */
.display-name,
.account__display-name,
.status__content {
  color: var(--deimen-text-main) !important;
}

.status__meta,
.account__username,
.time {
  color: var(--deimen-text-muted) !important;
}

/* ===== LINKS ===== */
a {
  color: var(--deimen-orange-soft) !important;
}

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

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

.button:hover {
  background-color: var(--deimen-orange-dark) !important;
}

/* ===== COMPOSER / PUBLICAR ===== */
.compose-form,
.compose-form textarea,
.compose-form input {
  background-color: var(--deimen-bg-hard) !important;
  color: var(--deimen-text-main) !important;
  border: 1px solid #262626 !important;
}

.compose-form textarea:focus,
.compose-form input:focus {
  border-color: var(--deimen-orange) !important;
  box-shadow: 0 0 0 1px var(--deimen-orange) !important;
}

/* Barra inferior del composer */
.compose-form__buttons-wrapper {
  background-color: var(--deimen-bg-hard) !important;
  border-top: 1px solid #262626 !important;
}

/* ===== MENÚS / DROPDOWNS ===== */
.dropdown-menu,
.select-menu,
.actions-modal {
  background-color: var(--deimen-bg-soft) !important;
  color: var(--deimen-text-main) !important;
}

/* ===== ESTADOS ACTIVOS (ANTES AZULES) ===== */
.is-active,
.is-selected,
.react-toggle--checked,
.tabs-bar__link.active {
  background-color: var(--deimen-orange) !important;
  color: #ffffff !important;
}

/* ===== ICONOS ===== */
.icon-button.active {
  color: var(--deimen-orange) !important;
}

/* ===== NOTIFICACIONES ===== */
.notification.unread {
  border-left: 4px solid var(--deimen-orange) !important;
}

/* ===== PERFIL ===== */
.account__header__bar {
  background-color: var(--deimen-bg-hard) !important;
}

.account__header__bio {
  color: var(--deimen-text-main) !important;
}

/* ===== SCROLLBAR ===== */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: var(--deimen-bg-hard);
}

::-webkit-scrollbar-thumb {
  background: var(--deimen-orange);
}

/* ===== SELECCIÓN DE TEXTO ===== */
::selection {
  background: var(--deimen-orange);
  color: #ffffff;
}

/* ===== ELIMINAR CUALQUIER OUTLINE AZUL ===== */
*:focus {
  outline: none !important;
}