/*
 * TIM MÜLLER - Mastodon Custom Theme
 * Brand: Medical IT / Emergency Response
 */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800&display=swap');

:root {
  --brand-charcoal: #221f1f; 
  --brand-orange: #e6530b;   
  --brand-red: #a51e1e;      
  --brand-blue: #28267f;     
  --brand-white: #ffffff;    
  --brand-border: #332f2f;
  --brand-text-muted: #a09d9d;
}

/* --- Globale Typografie & Lesbarkeit --- */
body, .app-body, .ui, .button, input, textarea, .status__content, .column-header__title {
  font-family: 'Montserrat', sans-serif !important;
  color: var(--brand-white) !important;
}

/* --- 70% Dark Canvas --- */
body, .ui, .app-body, .drawer__inner, .column-header, .tabs-bar,
.getting-started, .compose-form, .status, .detailed-status,
.search__input, .error-column {
  background-color: var(--brand-charcoal) !important;
}

/* Spalten, Panels und Rahmen (Smarter Minimalismus) */
.column, .drawer, .column-header, .status {
  border-color: var(--brand-border) !important; 
}

/* --- 10% Lively Accents --- */
.button {
  background-color: var(--brand-orange) !important;
  color: var(--brand-white) !important;
  border-radius: 2px !important; 
  font-weight: 600;
  text-transform: uppercase;
  border: none !important;
}

.button:hover, .button:active {
  background-color: #ff6a1f !important; 
}

/* Text-Links, Mentions und Hashtags */
.status__content a, .reply-indicator__content a, .account__display-name strong, .column-link--active {
  color: var(--brand-orange) !important;
  text-decoration: none;
}

.status__content a:hover {
  text-decoration: underline;
}

/* --- Trust Blue & Emergency Red --- */
.search__input {
  background-color: #1a1818 !important; 
  border: 1px solid var(--brand-blue) !important;
}

.search__input:focus {
  border-color: var(--brand-orange) !important;
  outline: none;
}

.button.button-destructive {
  background-color: var(--brand-red) !important;
  color: var(--brand-white) !important;
}

/* Boost/Reblog Icon Aktiv in Orange */
.icon-button.active i.fa-retweet {
  color: var(--brand-orange) !important;
}

/* Favorit/Stern Icon Aktiv in Emergency Red */
.icon-button.active i.fa-star {
  color: var(--brand-red) !important;
}

/* --- 20% Structural Tones --- */
.status__display-name, .account__display-name {
  font-family: 'Montserrat', sans-serif !important;
}

.status__relative-time, .display-name__account {
  color: var(--brand-text-muted) !important;
}

/* Navigation Hover-Effekte */
.column-link {
  color: var(--brand-text-muted) !important;
}

.column-link:hover {
  color: var(--brand-white) !important;
  background-color: rgba(255, 255, 255, 0.05) !important;
}