:root {
  --color-primary: #5C7A3E;
  --color-primary-dark: #3D5528;
  --color-primary-light: #7a9e56;
  --color-accent: #C4713A;
  --color-accent-light: #E8945E;
  --color-bg: #F5F2EC;
  --color-card: #EEEBE4;
  --color-text: #2C2C2C;
  --color-muted: #6B7C65;
  --color-border: #DDD5C8;
  --color-white: #FFFFFF;
  --color-danger: #C0392B;
  --color-danger-light: #E74C3C;

  /* Event-Typ Farben */
  --color-event-arbeitseinsatz: #8B6914;
  --color-event-fest: #C4713A;
  --color-event-elternabend: #5C7A3E;
  --color-event-ausflug: #4A7B9D;

  --font-display: 'Antropos', Georgia, serif;
  --font-body: Georgia, 'Times New Roman', serif;

  --radius-button: 12px;
  --radius-card: 16px;
  --radius-full: 9999px;
  --radius-sm: 8px;

  --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.1);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.12);

  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-top: env(safe-area-inset-top, 0px);
  --nav-height: 64px;
  --header-height: 56px;

  --transition: 0.2s ease;
}

@font-face {
  font-family: 'Antropos';
  src: url('/fonts/Antropos.ttf') format('truetype');
  font-display: swap;
}