/*
 * Custom CSS for Mastodon Server Branding
 *
 * Colors used:
 * Background: #111827 (Deep Dark Blue/Off-Black)
 * Accents/Header Text: #94fdf8 (Bright Cyan/Aqua)
 * Body Text: #e5e7eb (Very Light Gray/Off-White)
 */

/* -------------------------------------------
   GLOBAL BACKGROUNDS
   ------------------------------------------- */

/* Apply the dark background to the main page body, wrapper, and search inputs */
body, .app-holder, .drawer__back-button, .search__input {
    background-color: #111827 !important;
}

/* -------------------------------------------
   COLUMN/PANEL STYLING
   ------------------------------------------- */

/* Use a slightly lighter dark color for columns, drawers, and modal cards
   to provide a subtle contrast against the main background. (#1a2233 is a calculated shade) */
.column, .drawer, .modal-root .modal-card, .detailed-status, .detailed-status__action-bar {
    background-color: #1a2233 !important;
    border-color: #1a2233 !important;
}

/* Column and Drawer Headers */
.column-header, .drawer__header, .modal-card__header {
    background-color: #1a2233 !important;
    border-color: #273044 !important; /* Slightly visible border for separation */
}

/* -------------------------------------------
   TEXT AND FONT COLORS
   ------------------------------------------- */

/* Main body text color */
.status, .status__content, .text-muted, body, button, input, textarea, select, .detailed-status__content, .display-name, .display-name__account {
    color: #e5e7eb !important;
}

/* Accent color for links, primary actions, and header titles */
a, .text-link, .tabs__item.active, .column-header__title, .column-header__nav__item--active, .notification__message, .button.text {
    color: #94fdf8 !important;
}

/* Ensure bright accent color for primary buttons for contrast */
.button.primary {
    background-color: #94fdf8 !important;
    color: #111827 !important; /* Dark text on the bright button */
    border-color: #94fdf8 !important;
}

/* Secondary buttons (default Mastodon button style) */
.button:not(.primary) {
    background-color: #1a2233 !important;
    color: #e5e7eb !important;
    border-color: #273044 !important;
}

/* -------------------------------------------
   ACCENTS & INTERACTIVE ELEMENTS
   ------------------------------------------- */

/* Use the accent color for notification badges and pills */
.notification__counter, .pill, .compose-panel__autosuggest-wrapper {
    background-color: #94fdf8 !important;
    color: #111827 !important; /* Dark text on the bright accent */
}

/* Input and Compose Area Styling */
.compose-panel__textarea, .compose-panel__mastodon, .search__input {
    background-color: #111827 !important;
    border-color: #273044 !important;
    color: #e5e7eb !important;
}

/* Timeline status actions (Reply, Boost, Favorite) icons */
.status__action-bar button .fa-fw {
    color: #e5e7eb !important; /* Keep icons white until hovered/interacted */
}
.status__action-bar button:hover .fa-fw {
    color: #94fdf8 !important; /* Change icon color on hover */
}

/* Highlight the search tab indicator */
.tabs__indicator {
    background-color: #94fdf8 !important;
}