/* =========================================
   JetBrains Mono (selbst gehostet, DSGVO)
   ========================================= */
@font-face { font-family: 'JetBrains Mono'; src: url('/fonts/JetBrainsMono-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'JetBrains Mono'; src: url('/fonts/JetBrainsMono-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'JetBrains Mono'; src: url('/fonts/JetBrainsMono-Italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'JetBrains Mono'; src: url('/fonts/JetBrainsMono-BoldItalic.woff2') format('woff2'); font-weight: 700; font-style: italic; font-display: swap; }

body, input, textarea, select, button {
  font-family: 'JetBrains Mono', ui-monospace, monospace !important;
}

/* =========================================
   Akzentfarbe: Indigo-Palette → Rot
   (Mastodon leitet ALLE Akzente hiervon ab)
   ========================================= */
html {
  --color-indigo-50:  #fff1f1 !important;
  --color-indigo-100: #ffdcdc !important;
  --color-indigo-200: #ffb3b1 !important;
  --color-indigo-300: #ff6b68 !important; /* Text/Links/aktive Icons */
  --color-indigo-400: #f4504c !important;
  --color-indigo-500: #e53935 !important;
  --color-indigo-600: #e53935 !important;
  --color-indigo-700: #d32f2f !important; /* Buttons */
  --color-indigo-800: #b71c1c !important; /* Button-Hover */
  --color-indigo-900: #4a1416 !important; /* weiche Hintergründe */
  --color-indigo-950: #2a0f11 !important; /* ganz weiche Hintergründe */

  /* =========================================
     Grautöne: bläulich-lila → neutral
     ========================================= */
  --color-grey-50:  #fafafa !important;
  --color-grey-100: #f2f2f3 !important;
  --color-grey-200: #dcdcdf !important;
  --color-grey-300: #bdbdc2 !important; /* Sekundärtext (war lavendel) */
  --color-grey-400: #8e8e95 !important;
  --color-grey-500: #6b6b72 !important;
  --color-grey-600: #52525a !important;
  --color-grey-700: #42424a !important;
  --color-grey-800: #35353b !important; /* Rahmen */
  --color-grey-900: #222226 !important;
  --color-grey-950: #18181b !important; /* Hintergrund */

  /* Links in Posts rot statt grau */
  --color-text-status-links: var(--color-text-brand) !important;
}

/* Logo (festes Lila-SVG) rot einfärben */
img.logo, .logo--icon {
  filter: hue-rotate(105deg) saturate(1.4);
}

::selection { background: rgba(229, 57, 53, 0.3); }
* { scrollbar-color: #d32f2f transparent; }