/* Chrystal Math — Schriften (SIL Open Font License 1.1, 100% frei, kein Copyright-Risiko) */

@font-face {
  font-family: 'Bodoni Moda';
  src: url('fonts/BodoniModa-Regular.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Bodoni Moda';
  src: url('fonts/BodoniModa-Medium.woff2') format('woff2');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Bodoni Moda';
  src: url('fonts/BodoniModa-SemiBold.woff2') format('woff2');
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Bodoni Moda';
  src: url('fonts/BodoniModa-Bold.woff2') format('woff2');
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Bodoni Moda';
  src: url('fonts/BodoniModa-ExtraBold.woff2') format('woff2');
  font-weight: 800; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Bodoni Moda';
  src: url('fonts/BodoniModa-Italic.woff2') format('woff2');
  font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
  font-family: 'Bodoni Moda';
  src: url('fonts/BodoniModa-SemiBoldItalic.woff2') format('woff2');
  font-weight: 600; font-style: italic; font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins-Regular.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins-Medium.woff2') format('woff2');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins-SemiBold.woff2') format('woff2');
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins-Bold.woff2') format('woff2');
  font-weight: 700; font-style: normal; font-display: swap;
}

@font-face {
  font-family: 'Fraunces';
  src: url('fonts/Fraunces-Regular.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Fraunces';
  src: url('fonts/Fraunces-SemiBold.woff2') format('woff2');
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Fraunces';
  src: url('fonts/Fraunces-SemiBoldItalic.woff2') format('woff2');
  font-weight: 600; font-style: italic; font-display: swap;
}

:root{
  /* Kern-Farbverlauf aus dem Logo */
  --chaos-pink:      #F03A82;
  --chaos-pink-deep:  #6F235C;
  --chaos-orchid:    #B744C4;
  --chaos-violet:    #645EE9;
  --chaos-cyan:      #02AFF1;
  --chaos-cyan-deep:  #096089;
  --chaos-gold:      #E3B63E;

  /* Hintergrund-Optionen (3 zur Auswahl) */
  --bg-midnight: #0B1330;
  --bg-graphite: #18171C;
  --bg-aubergine:#200C24;

  /* Neutrale/Text-Farben */
  --ink-light:   #F5F1EA;
  --ink-muted:   #ACA7C0;

  --font-display: 'Bodoni Moda', 'Times New Roman', serif;
  --font-sans:    'Poppins', 'Helvetica Neue', sans-serif;
  --font-accent:  'Fraunces', 'Georgia', serif;

  --grad-main: linear-gradient(100deg, var(--chaos-pink) 0%, var(--chaos-orchid) 45%, var(--chaos-violet) 60%, var(--chaos-cyan) 100%);
}
