/* ==========================================================================
   Design-Tokens – Teona & Thorsten
   Hier lassen sich Farben, Schriften und Abstände zentral anpassen.
   ========================================================================== */

@font-face {
  font-family: "Cinzel";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/cinzel-latin-400-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Cinzel";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/cinzel-latin-600-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Great Vibes";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/great-vibes-latin-400-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/cormorant-garamond-latin-400-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Cormorant Garamond";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/cormorant-garamond-latin-400-italic.woff2") format("woff2");
}
@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/cormorant-garamond-latin-500-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/cormorant-garamond-latin-600-normal.woff2") format("woff2");
}

:root {
  /* Farben – aus der Save-the-Date-Vorlage */
  --navy-900: #01173a;   /* dunkelste Fläche, Footer */
  --navy-800: #012150;   /* Grundfläche (Hintergrund der Vorlage) */
  --navy-700: #06295c;   /* Abschnitte im Wechsel */
  --navy-600: #0b3570;   /* Karten, Hover */
  --gold-500: #e3a85c;   /* Überschriften, Linien, Akzente */
  --gold-400: #f0c585;   /* helleres Gold für Hover/Highlights */
  --gold-300: #f7dcb3;   /* sehr helles Gold, Kleingedrucktes */
  --red-500:  #c8302e;   /* Anemonenrot, nur für Herzen und kleine Akzente */
  --cream:    #f6efe4;   /* Fließtext auf Navy */
  --cream-70: rgba(246, 239, 228, 0.72);
  --gold-line: rgba(227, 168, 92, 0.45);

  /* Schriften */
  --font-display: "Cinzel", "Times New Roman", serif;             /* Titel, Datum, Navigation */
  --font-script:  "Great Vibes", "Brush Script MT", cursive;       /* Namen */
  --font-body:    "Cormorant Garamond", Georgia, serif;            /* Fließtext */

  /* Abstände und Maße */
  --frame-inset: clamp(16px, 3vw, 40px);  /* Abstand des Goldrahmens zum Rand */
  --section-pad: clamp(64px, 10vw, 128px);
  --content-max: 1100px;
  --text-max: 68ch;
  --radius: 6px;

  /* Bewegung */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 400ms;
}