/* Theme der Webseite „miarto-test“ – erzeugt von der Fabricum-Konsole (Stil „Warm und ruhig“).
   Die EINZIGE Stelle mit Farbwerten, Schriften und Radien dieser Webseite: Der Kern verwendet nur diese Tokens.
   Akzentfarbe und Schriften lassen sich hier jederzeit ändern. */

:root {
  --bg: #F6F1EA;
  --bg-alt: #E5D9C9;
  --bg-elevated: #FFFBF5;
  --border: #E0D3C0;
  --text: #2E2620;
  --text-body: #40352C;
  --text-muted: #6B5A4A;
  --accent: #9A4F2E;
  --accent-hover: #7B3F25;
  --on-accent: #FFFFFF;
  --on-dark: #F7F9FA;
  --gallery-bg: #12181D;
  --gallery-ctl: rgba(245, 247, 246, 0.12);
  --gallery-ctl-hover: rgba(245, 247, 246, 0.24);
  --overlay: rgba(21, 29, 32, 0.55);
  --hover-tint: rgba(46, 38, 32, 0.08);
  --shadow: rgba(46, 38, 32, 0.09);
  --hairline: rgba(46, 38, 32, 0.2);
  --wash: rgba(255, 251, 245, 0.45);
  --radius-btn: 4px;
  --radius: 4px;
  --radius-lg: 6px;
  --mask-ornament: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 16'%3E%3Cg fill='none' stroke='black' stroke-width='1' stroke-linecap='round'%3E%3Cpath d='M2 8Q15 0 28 8T54 8'/%3E%3Cpath d='M70 8Q83 16 96 8T118 8'/%3E%3C/g%3E%3Ccircle cx='62' cy='8' r='2.6'/%3E%3C/svg%3E");
  --max-width: 1200px;
  --font-heading: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-body: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}