:root {
  /*
    Tokens wurden am 29.06.2026 aus der aktuellen ArthroConcept-Startseite
    abgeleitet. Die Website nutzt Inter/System-Fallbacks, Navy als Grundfarbe,
    einen Gruen-Blau-Verlauf, 8px-Kartenradien und pillenfoermige Buttons.
  */
  --ac-color-primary: #274562;
  --ac-color-primary-dark: #18314b;
  --ac-color-primary-soft: rgba(39, 69, 98, 0.08);
  --ac-color-secondary: #119d7e;
  --ac-color-accent: #1e8cbb;
  --ac-gradient-primary: linear-gradient(90deg, #119d7e, #1e8cbb);
  --ac-gradient-hero: linear-gradient(135deg, #119d7e 0%, #1e8cbb 100%);
  --ac-color-background: #ffffff;
  --ac-color-background-soft: #f5fafb;
  --ac-color-surface: rgba(255, 255, 255, 0.94);
  --ac-color-surface-strong: #ffffff;
  --ac-color-text: #274562;
  --ac-color-text-muted: rgba(39, 69, 98, 0.74);
  --ac-color-border: rgba(39, 69, 98, 0.12);
  --ac-color-border-strong: rgba(39, 69, 98, 0.22);
  --ac-color-info: #1e8cbb;
  --ac-color-warning: #a65f00;
  --ac-color-warning-bg: #fff7e8;
  --ac-color-danger: #9f2435;
  --ac-color-danger-bg: #fff0f2;
  --ac-color-success: #117f68;

  --ac-font-heading: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ac-font-body: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --ac-radius-small: 6px;
  --ac-radius-medium: 8px;
  --ac-radius-large: 8px;
  --ac-radius-pill: 999px;

  --ac-shadow-card: 0 18px 42px rgba(39, 69, 98, 0.08);
  --ac-shadow-elevated: 0 24px 70px rgba(15, 34, 54, 0.18);
  --ac-content-width: 1320px;
  --ac-form-width: 820px;
  --ac-header-height: 60px;
}