/* Aschenbeck & Aschenbeck — Markenfarben (Anthrazit #3d3d3c, Taupe #998b86, Hellgrau #f2f2f2).
 * Überschreibt nur Design-Tokens aus styles.css. Das Knopf-Taupe ist etwas dunkler als auf der
 * Website, damit weiße Schrift darauf gut lesbar bleibt (Kontrast ≥ 4,5 : 1). */
:root {
  --brand: #807069; --brand-600: #706159; --brand-700: #5e524d;
  --brand-050: #f5f2f0; --brand-100: #e6dfdb;
  --accent: #807069; --accent-600: #706159; --accent-700: #5e524d;
  --on-brand: #ffffff;
  --ink: #2b2b2a; --ink-2: #4a4745; --muted: #7a7572; --muted-2: #9c9794;
  --page: #f2f2f2; --surface-2: #f6f5f4;
  --border: #e5e2e0; --border-2: #efedeb;
  --content-grad: linear-gradient(146deg, #fafafa 0%, #f4f3f2 55%, #eeebe9 100%);
  --shadow-glass: 0 10px 34px rgba(61,61,60,0.08);
  --side-bg: #333332; --side-bg-2: #3d3d3c; --side-ink: #dcd8d5; --side-muted: #97918d; --side-active: #d6cbc5;
  --nav-active-bg: rgba(214,203,197,0.10);
}

/* Querformat-Wortmarke: etwas breiter setzen als das Pelycan-Logo */
.la-brand .logo { width: 280px; }
.sidebar .brand { padding: 4px 8px 22px; }
.sidebar .brand .logo { width: 196px; }
.mob-brand .brandmark { width: 30px; height: 30px; }