:root {
  /* Colors — based on begehung.docuty.de */
  --color-bg-dark:     #0d0d0d;
  --color-bg-section:  #1a1a1a;
  --color-bg-light:    #ffffff;
  --color-accent:      #b8f000;
  --color-accent-dark: #9dd100;
  --color-text-light:  #ffffff;
  --color-text-dark:   #111111;
  --color-text-muted:  #888888;
  --color-border-dark: #2a2a2a;
  --color-border-light: #e5e5e5;

  /* Typography */
  --font-primary: 'Inter', sans-serif;
  --font-size-hero:  clamp(32px, 4vw, 56px);
  --font-size-h2:    clamp(24px, 3vw, 40px);
  --font-size-h3:    clamp(20px, 2.5vw, 28px);
  --font-size-body:  17px;
  --font-size-small: 14px;
  --line-height-body: 1.7;

  /* Layout */
  --container-max:          1200px;
  --section-padding-y:      100px;
  --section-padding-y-mobile: 60px;
  --section-padding-x:      24px;

  /* Components */
  --border-radius-btn:  4px;
  --border-radius-card: 8px;
  --nav-height:         72px;

  /* Shadows */
  --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.3);
}