@font-face {
  font-family: 'Noi Grotesk';
  src: url('/fonts/NoiGrotesk-Regular.woff2') format('woff2'),
       url('/fonts/NoiGrotesk-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Noi Grotesk';
  src: url('/fonts/NoiGrotesk-Semibold.woff2') format('woff2'),
       url('/fonts/NoiGrotesk-Semibold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Farben */
  --color-primary:       #BB2749;
  --color-primary-text:  #FFFFFF;
  --color-bg:            #FFFFFF;
  --color-text:          #000000;
  --color-border:        #000000;
  --color-error:         #BB2749;
  --color-success-bg:    #BB2749;
  --color-success-text:  #FFFFFF;
  --color-muted:         #000000;

  /* Typografie */
  --font-family:         'Noi Grotesk', Arial, sans-serif;
  --font-weight-regular: 400;
  --font-weight-semi:    600;

  /* Abstände & Grössen */
  --border-radius:       0px;
  --input-padding:       12px 16px;
  --button-padding:      14px 32px;
  --max-width:           560px;
}