/* --- CYBERDECK TACTICAL MASTODON VARIABLES THEME (STABLE & CORRECT HOVER) --- */

:root {
  /* --- HINTERGRÜNDE & PANELS --- */
  --color-bg-app: #020503;           /* Gesamter App-Hintergrund (Fast Schwarz) */
  --color-bg-surface: #060c07;       /* Spalten, Drawer, Boxen */
  --color-bg-card: #0b140d;          /* Einzelne Posts (Status), Karten, Notification-Cards */
  --color-bg-overlay: #0b140d;       /* Dropdowns, Hover-Menüs, Popovers, Modals */

  /* --- BRAND- & INTERAKTIONSFARBEN (BUTTONS STANDARD) --- */
  --color-bg-brand-base: #14532d;    /* Dunkles Taktisch-Grün für Buttons im Ruhezustand */
  --color-text-brand-base: #6ee7b7;  /* Hellerer Text auf den Buttons */
  --color-link-base: #22c55e;        /* Standard Link-Farbe */

  /* --- BRAND- & INTERAKTIONSFARBEN (BUTTONS HOVER) --- */
  --color-bg-brand-hover: #15803d;   /* Schickes, mittleres Taktisch-Grün beim Drüberfahren */
  --color-text-brand-hover: #ffffff; /* Weißer oder sehr heller Text beim Hovern für Lesbarkeit */
  --color-link-hover: #4ade80;       /* Aufleuchtende Links im Hover-Zustand */
  
  --color-bg-brand-active: #0f1c12;  /* Buttons beim Klicken */

  /* --- TEXTFARBEN --- */
  --color-text-primary: #6ee7b7;     /* Haupttext (Gedimmter Matrix-Text) */
  --color-text-secondary: #34d399;   /* Sekundärer Text (Hashtags, Mentions) */
  --color-text-tertiary: #14532d;    /* Zeitstempel, Meta-Infos, Platzhalter */

  /* --- RAHMEN & TRENNLINIEN (MINIMAL gehalten) --- */
  --color-border-base: #0d1a11;      /* Standard-Trennlinien zwischen Posts (Extrem dezent) */
  --color-border-visual: #0d1a11;    /* Rahmen um Panels, Spalten, etc. */
  --color-border-input: #14532d;     /* Rahmen für Suchfelder/Textfelder */

  /* --- FORMULARE & EINGABEN --- */
  --color-bg-input: #020503;         /* Hintergrund von Textareas und Suche */
  --color-text-input: #22c55e;       /* Textfarbe beim Tippen */
}

/* --- ERGÄNZENDE TERMINAL-EFFEKT-ANPASSUNGEN --- */

/* Globale Monospace-Schriftart erzwingen */
body, button, input, textarea, select {
  font-family: 'Fira Code', 'Courier New', Courier, monospace !important;
}

/* VISUELL STABILER HINTERGRUND: Nutzt ein ruhiges, SVG-basiertes Monitortextur-Rauschen */
body.app-body, .ui {
  background-color: var(--color-bg-app) !important;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://w3.org id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.025'/%3E%3C/svg%3E") !important;
  background-attachment: fixed !important;
}

/* Entfernt unruhige Pseudo-Elemente, die über dem Text liegen könnten */
body.app-body::after {
  display: none !important;
}

/* Entfernt harte Schatten/Glows im Adminbereich und auf Spalten */
.column, .drawer, .box, .admin-wrapper .sidebar-navigation ul li a.selected {
  border: none !important;
  box-shadow: none !important;
}

/* Scrollbars an das Farbschema anpassen */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: var(--color-bg-app);
}
::-webkit-scrollbar-thumb {
  background: var(--color-border-input);
}
::-webkit-scrollbar-thumb:hover {
  background: var(--color-bg-brand-base);
}

/* Avatare und Medien für den Taktik-Look leicht desaturieren */
.account__avatar, .avatar, .media-gallery__item-thumbnail img {
  filter: grayscale(30%) contrast(110%) brightness(85%);
  border: none !important;
}