/* Design-Tokens „easy GASTROWEBSEITE" — abgeleitet aus dem Design-Canvas (Quelle der Wahrheit). */
:root {
  /* Marke */
  --c-primary: #8E2473;      /* Magenta / Aubergine */
  --c-primary-600: #751a5e;  /* Hover */
  --c-primary-soft: rgba(142, 36, 115, .08);
  --c-primary-soft-2: rgba(142, 36, 115, .16);
  --c-secondary: #1E3A3A;    /* Petrol */
  --c-dark: #16302E;         /* dunkle Sektionen */
  --c-accent-pink: #E08FC7;  /* Akzent auf dunkel */
  --c-mint: #7CFFB2;         /* Häkchen auf dunkel */
  --c-success: #1E8A5B;      /* grün */

  /* Text & Flächen */
  --c-text: #182525;
  --c-text-60: rgba(24, 37, 37, .64);
  --c-text-45: rgba(24, 37, 37, .46);
  --c-bg: #FAF8F9;           /* Offwhite */
  --c-surface: #ffffff;
  --c-line: rgba(24, 37, 37, .08);
  --c-line-strong: rgba(24, 37, 37, .12);

  /* Auf dunklem Grund */
  --c-on-dark: #ffffff;
  --c-on-dark-72: rgba(255, 255, 255, .72);
  --c-on-dark-line: rgba(255, 255, 255, .12);

  /* Typo */
  --f-head: 'Space Grotesk', system-ui, sans-serif;
  --f-body: 'Mulish', system-ui, sans-serif;

  /* Radien */
  --r-sm: 9px;
  --r-md: 11px;
  --r-lg: 14px;
  --r-xl: 18px;
  --r-2xl: 22px;
  --r-pill: 999px;

  /* Layout */
  --maxw: 1200px;
  --gutter: 24px;

  /* Schatten */
  --sh-sm: 0 6px 18px rgba(142, 36, 115, .28);
  --sh-card: 0 16px 36px rgba(24, 37, 37, .10);
  --sh-hero: 0 30px 70px rgba(24, 37, 37, .14);

  /* Buttons */
  --btn-shadow: 0 10px 26px rgba(142, 36, 115, .30);
}