/* Gemeinsame Grundlagen von index.html und datenschutz.html.
   Was hier steht, gilt für beide Seiten -- Schriften und Farben also bitte
   nur an dieser Stelle ändern. Seitenspezifisches gehört in start.css
   bzw. rechtstext.css. */

/* --- Schriften ---------------------------------------------------------- */

@font-face{font-family:'Hero';src:url('fonts/hero-light.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Brightwall';src:url('fonts/brightwall.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}

/* Hero Regular (400) wird nur auf der Startseite gebraucht und daher in
   start.css deklariert. Nähme man den Schnitt hier auf, bekämen die
   Zwischenüberschriften der Datenschutzseite plötzlich einen anderen
   Schnitt -- sie stehen auf font-weight:400 und fallen derzeit bewusst
   auf Hero Light zurück. */

/* --- Farben und Maße ---------------------------------------------------- */

:root{
  /* Die vier Farben der Hochzeit, von Karina und Ole vorgegeben.

     Nur Lila ist dunkel genug, um Text zu tragen (Kontrast 7,0 auf Creme,
     7,4 fuer weisse Schrift darauf) -- es fuehrt deshalb Ueberschriften,
     Links, Buttons und den Footer. Orange und Rosa reichen rechnerisch nur
     fuer Grosstext, Gelb nur fuer Flaechen; die drei tragen Punkte,
     Farbkreise und Raender, aber nie Text. */

  --lila:#8D3277;        /* Ueberschriften, Links, Buttons               */
  --lila-hell:#A63B8C;   /* Hover                                        */
  --orange:#E15505;
  --rosa:#F94063;
  --gelb:#FFA82C;

  --creme:#FDF9F5;
  --tinte:#3A2A2E; --grau:#7A6A6E; --linie:#E8D6DA;
  --inhalt:1240px;
  --rand:clamp(1.25rem, 5vw, 4rem);
}

/* --- Grundlagen --------------------------------------------------------- */

*{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--tinte);font-family:'Hero',system-ui,sans-serif;font-weight:300;line-height:1.7}
a{color:var(--lila)}