/* ============================================================
   LUXVIS - Gestaltungswerte an einer Stelle
   ------------------------------------------------------------
   Diese Datei aendert nichts am Aussehen. Sie gibt den Werten,
   die vorher als Zahl in 30 Dateien standen, einen Namen. Wer
   das Gold der ganzen Seite verschieben will, aendert hier eine
   Zeile statt 72.

   Eigener Namensraum "--lvt-": einzelne Bausteine bringen
   eigene Variablen wie --lv-gold oder --cut mit. Die bleiben
   unangetastet, sonst verweisen Variablen im Kreis auf sich
   selbst und der Wert faellt ersatzlos aus.

   Wo die Zahlen herkommen: aus dem ausgelieferten Quelltext von
   luxvis.net, nicht aus einer Vorlage.
   ============================================================ */

:root{

  /* == Gold, die Leitfarbe ==
     Die fuenf Stufen bilden zusammen das "Material" Gold. Sie
     einzeln zu verschieben zerstoert den Verlauf - besser die
     ganze Reihe gemeinsam heller oder dunkler ziehen. */
  --lvt-gold-tief:    #7a5e18;   /* 72x - Rand des Verlaufs, dunkelstes Gold  */
  --lvt-gold-mittel:  #b38728;   /* 63x - Uebergang                           */
  --lvt-gold:         #d4af37;   /* 45x - die Leitfarbe, Linien und Kicker    */
  --lvt-gold-hell:    #f0d879;   /* 33x - Hover, helle Akzente                */
  --lvt-gold-licht:   #f5e6a8;   /* 46x - Glanzstelle im Verlauf              */
  --lvt-gold-weiss:   #fcf6ba;   /* 51x - hellste Glanzstelle                 */
  --lvt-gold-creme:   #fff8e2;   /* 16x - Buttonflaeche, fast weiss           */

  /* == Schrift und Flaechen == */
  --lvt-weiss:        #f5f0e8;   /* 30x - Ueberschriften, heller Fliesstext   */
  --lvt-grau:         #ab9c98;   /* 27x - Fliesstext                          */
  --lvt-grau-tief:    #8d8480;   /*  4x - zurueckgenommener Text              */

  --lvt-schwarz:      #0a0a0a;   /* 36x - Grundflaeche                        */
  --lvt-karte-hell:   #121212;   /* 14x - Karte oben                          */
  --lvt-karte:        #0b0b0b;   /* 14x - Karte mitte                         */
  --lvt-karte-tief:   #060606;   /* 21x - Karte unten                         */

  /* == Die drei Goldverlaeufe ==
     Standard fuer Ueberschriften, hell fuer Buttonflaechen und
     alles, was neben einem Goldbutton steht, und die flachere
     Fassung fuer Verlaufstext mit wanderndem Licht. */
  --lvt-verlauf-gold:      linear-gradient(120deg,#7a5e18 0%,#f5e6a8 22%,#b38728 48%,#fcf6ba 72%,#7a5e18 100%);
  --lvt-verlauf-gold-hell: linear-gradient(120deg,#b38728 0%,#f5e6a8 24%,#d4af37 50%,#fcf6ba 74%,#b38728 100%);
  --lvt-verlauf-gold-text: linear-gradient(100deg,#7a5e18 0%,#f5e6a8 22%,#b38728 46%,#fcf6ba 68%,#7a5e18 100%);

  /* Flaeche fuer Karten und Buehnen */
  --lvt-verlauf-karte:     linear-gradient(180deg, #121212 0%, #0b0b0b 60%, #060606 100%);

  /* == Schriften ==
     Space Grotesk fuer alles Gesetzte: Ueberschriften, Buttons,
     Kicker, Nummern. Inter fuer Fliesstext.
     Achtung: auf der Live-Seite setzt ein Schrift-Plugin den
     Fliesstext sitewide auf Montserrat (siehe zz-fonts.css).
     Wer zurueck zu Inter will, loescht dort die erste Regel. */
  --lvt-schrift-titel: 'Space Grotesk', sans-serif;   /* 122x */
  --lvt-schrift-text:  'Inter', sans-serif;           /*  19x */

  /* == Bewegung ==
     Einblenden weich auslaufend, Schalter und Morph knackig. */
  --lvt-weich:  cubic-bezier(.16,1,.3,1);   /* 100x */
  --lvt-schalt: cubic-bezier(.7,0,.2,1);    /*   5x */

  /* == Eckenschnitt ==
     Die Formensprache der Seite: oben links und unten rechts
     geschnitten, nie gerundet. Die Bausteine setzen --cut
     jeweils selbst; das hier sind die ueblichen Groessen. */
  --lvt-cut-klein:  7px;    /* kleine Bedienknoepfe   */
  --lvt-cut-button: 9px;    /* Buttons und Schalter   */
  --lvt-cut-karte: 12px;    /* Karten                 */
  --lvt-cut-buehne:16px;    /* Medienbuehne, Kacheln  */
  --lvt-cut-gross: 22px;    /* grosse Buehne          */
}