/* Design-Tokens – gemessen an der Live-Seite (capture/styles.json, 01.11.2026) */
:root {
  --color-text: #191919;
  --color-text-soft: rgba(25, 25, 25, 0.61);
  --color-bg: #ffffff;
  --color-bg-soft: #f3f3f3;
  --color-bg-card: #f2f2f2;
  --color-bg-warm: #f1eeee;
  --color-accent: #c09d7b;
  --color-accent-hover: #9c724a;
  --color-navy: #262b56;
  --color-black: #000000;
  --color-white: #ffffff;
  --color-whatsapp: #25d366;

  --font-head: 'Bricolage Grotesque', 'Helvetica Neue', Arial, sans-serif;
  --font-text: 'Instrument Sans', 'Helvetica Neue', Arial, sans-serif;

  --container: 1250px;
  --gutter: 24px;
  --radius: 4px;
  --radius-card: 16px;

  /* Knopf-Schatten wie Live: 1px Innenlinie + 4px harter Versatz */
  --shadow-btn: rgb(0 0 0) 0 0 0 1px inset, rgb(0 0 0) 4px 4px 0 0;
  --shadow-btn-dark: rgb(25 25 25) 0 0 0 1px inset, rgb(25 25 25) 4px 4px 0 0;
  --shadow-card: rgba(0, 0, 0, 0.06) 0 20px 100px 0;
}