/* =====================================================================
   Bachgau.Social-Look für Mastodon (ab v4.6/4.7, Design-Tokens)
   Einfügen unter: Administration → Servereinstellungen → Design →
   „Benutzerdefiniertes CSS“
   Farben und Schriften aus dem WordPress-Theme „Bachgau.Social“ 1.0.6
   Schriften liegen lokal unter /bachgau/fonts/ (siehe Installationsbefehle)
   ===================================================================== */

/* ---------- Schriften (selbst gehostet, OFL) ---------- */
@font-face{font-family:"Public Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url('/bachgau/fonts/PublicSans-normal-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"Public Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url('/bachgau/fonts/PublicSans-normal-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"Public Sans";font-style:italic;font-weight:400 700;font-display:swap;src:url('/bachgau/fonts/PublicSans-italic-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"Public Sans";font-style:italic;font-weight:400 700;font-display:swap;src:url('/bachgau/fonts/PublicSans-italic-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:Newsreader;font-style:normal;font-weight:400 700;font-display:swap;src:url('/bachgau/fonts/Newsreader-normal-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:Newsreader;font-style:normal;font-weight:400 700;font-display:swap;src:url('/bachgau/fonts/Newsreader-normal-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}

/* ---------- Basis: Schriften ---------- */
html,
html[data-redesign='true'] {
  --font-body: "Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-heading: Newsreader, Georgia, "Times New Roman", serif;
  --avatar-border-radius: 6px;
}

/* =====================================================================
   Grundidee wie auf bachgau.social: Tinte auf Papier, Orange nur sparsam
   (Logo-Akzent, Haupt-Button). Links, aktive Menüpunkte, Chips: Tinte.
   ===================================================================== */

/* ---------- Helles Schema (wie die Website) ---------- */
[data-color-scheme='light'] {
  --color-text-primary:   #17191C;
  --color-text-secondary: #5F646C;
  --color-text-tertiary:  #7A7E85;
  --color-text-inverted:  #FFFFFF;
  --color-text-brand:     #17191C;   /* Links/aktive Elemente in Tinte statt Orange */
  --color-text-brand-on-inverted: #FFFFFF;
  --color-text-on-brand-base: #FFFFFF;
  --color-text-status-links: #17191C;

  --color-bg-primary:   #FFFFFF;
  --color-bg-secondary: #F5F4F1;
  --color-bg-tertiary:  #ECEAE5;
  --color-bg-inverted:  #17191C;

  --color-bg-brand-base:       #C2410C; /* nur Haupt-Buttons wie „Newsletter abonnieren“ */
  --color-bg-brand-base-hover: #9A3412;
  --color-bg-brand-soft:       #ECEAE5;
  --color-bg-brand-softest:    #F5F4F1;

  --color-border-primary:    #E4E2DD;
  --color-border-strong:     #17191C;
  --color-border-brand:      #17191C;
  --color-border-brand-soft: #D6D3CD;

  --bachgau-accent: #C2410C;
}

/* ---------- Dunkles Schema (wie Footer der Website) ---------- */
[data-color-scheme='dark'],
html:not([data-color-scheme]) {
  --color-text-primary:   #EEECE8;
  --color-text-secondary: #B9B6B0;
  --color-text-tertiary:  #8F8C86;
  --color-text-inverted:  #17191C;
  --color-text-brand:     #EEECE8;
  --color-text-brand-on-inverted: #17191C;
  --color-text-on-brand-base: #FFFFFF;
  --color-text-status-links: #EEECE8;

  --color-bg-primary:   #17191C;
  --color-bg-secondary: #23262B;
  --color-bg-tertiary:  #2E3136;
  --color-bg-inverted:  #F5F4F1;

  --color-bg-brand-base:       #C2410C;
  --color-bg-brand-base-hover: #9A3412;
  --color-bg-brand-soft:       #2E3136;
  --color-bg-brand-softest:    #23262B;

  --color-border-primary:    #3D4148;
  --color-border-strong:     #EEECE8;
  --color-border-brand:      #D6D3CD;
  --color-border-brand-soft: #3D4148;

  --bachgau-accent: #EA580C;
}

/* ---------- Feinschliff ---------- */

/* Spaltentitel und Server-Infoseite in der Serifenschrift der Website */
.column-header__title,
.about__header h1 {
  font-family: var(--font-heading);
  font-weight: 700;
}

/* Links in Beiträgen wie im Fließtext der Website: Tinte, unterstrichen */
.status__content a:not(.mention):not(.hashtag),
.reply-indicator__content a:not(.mention):not(.hashtag) {
  color: var(--color-text-primary);
  text-decoration: underline;
  text-decoration-color: var(--bachgau-accent);
  text-underline-offset: 2px;
}
.status__content a:not(.mention):not(.hashtag):hover {
  color: var(--bachgau-accent);
}

/* Aktiver Menüpunkt: fett statt farbig */
.navigation-panel .column-link.active {
  font-weight: 700;
}

/* Fokus-Rahmen */
:focus-visible {
  outline-color: var(--bachgau-accent);
}

/* ---------- Logo wie auf der Website: „Bachgau“ in Tinte, „.Social“ in Orange ---------- */
.navigation-panel__logo .column-link--logo .logo--wordmark {
  display: none;
}
.navigation-panel__logo .column-link--logo::before,
.navigation-panel__logo .column-link--logo::after {
  font-family: var(--font-heading);
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.1;
}
.navigation-panel__logo .column-link--logo::before {
  content: "Bachgau";
  color: var(--color-text-primary);
}
.navigation-panel__logo .column-link--logo::after {
  content: ".Social";
  color: var(--bachgau-accent);
}
.navigation-panel__logo .column-link--logo {
  gap: 0;
}