/* ==========================================================================
   MIRSYON — Design-Tokens
   Einzige Quelle für Farben, Typografie, Abstände, Bewegung.
   Beim Eintreffen der CI-Broschüre NUR hier die Markenfarben tauschen.
   Farbwerte gemessen aus der Chef-Logodatei (08.09.2026).
   ========================================================================== */
:root {
  /* --- Markenfarben --- */
  --navy:        #122F4C;
  --akzent:      #2A6CEE;
  --hellblau:    #7BCDFE;
  --papier:      #F3F8FB;

  /* --- Tiefen (dunkler Grundton) --- */
  --tiefe-000:   #060F1C;   /* Seitengrund */
  --tiefe-100:   #0A1728;
  --tiefe-200:   #0E2038;
  --tiefe-300:   #142B49;
  --tiefe-400:   #1D3A5E;
  --linie-dunkel:      rgba(123, 205, 254, .14);
  --linie-dunkel-hell: rgba(123, 205, 254, .28);
  --glas:        rgba(123, 205, 254, .045);
  --glas-stark:  rgba(123, 205, 254, .085);

  /* --- Helle Insel --- */
  --insel:       #F7FAFD;
  --insel-rein:  #FFFFFF;
  --linie:       #DDE8F0;
  --linie-stark: #C2D5E4;

  /* --- Abgeleitete Blautöne --- */
  --akzent-600:  #1D57CE;
  --akzent-text: #1D57CE;          /* Akzent als Textfarbe auf hellem Grund */
  --akzent-050:  #EAF1FE;
  --hellblau-050:#EAF6FE;
  --tuerkis:     #56E4D2;          /* zweiter Signalton für Diagramme */
  --violett:     #8A7BFE;          /* dritter Signalton für Diagramme */

  /* --- Text --- */
  --text-hell:        #EAF3FA;
  --text-hell-sanft:  rgba(234, 243, 250, .68);
  --text-hell-leise:  rgba(234, 243, 250, .58);
  --text-dunkel:      var(--navy);
  --text-dunkel-sanft:#4B647C;

  /* --- Typografie --- */
  --font-display: 'Space Grotesk', 'Helvetica Neue', Arial, sans-serif;
  --font-text:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;

  --schrift-xs:   clamp(.76rem, .74rem + .1vw, .81rem);
  --schrift-sm:   clamp(.88rem, .85rem + .15vw, .95rem);
  --schrift-md:   clamp(1rem, .97rem + .2vw, 1.09rem);
  --schrift-lg:   clamp(1.12rem, 1.05rem + .4vw, 1.32rem);
  --schrift-h3:   clamp(1.28rem, 1.12rem + .72vw, 1.72rem);
  --schrift-h2:   clamp(1.9rem, 1.35rem + 2.3vw, 3.4rem);
  --schrift-h1:   clamp(2.5rem, 1.35rem + 4.1vw, 4.9rem);
  --schrift-riese:clamp(3.4rem, 1.4rem + 8vw, 9rem);

  /* --- Raster & Abstand --- */
  --breite:        1240px;
  --breite-weit:   1440px;
  --breite-schmal: 780px;
  --rand:          clamp(1.25rem, 5vw, 3.25rem);
  --block:         clamp(5rem, 10vw, 9.5rem);

  /* --- Formen --- */
  --radius-sm:  10px;
  --radius:     16px;
  --radius-lg:  26px;
  --radius-xl:  38px;
  /* Tiefe kommt aus Licht, nicht aus Schlagschatten: groß, weich, weit versetzt. */
  --schatten:      0 40px 90px -36px rgba(0, 0, 0, .55);
  --schatten-hell: 0 30px 70px -34px rgba(18, 47, 76, .35);
  --schatten-gross: 0 60px 120px -40px rgba(0, 0, 0, .6);
  --glas-licht:    rgba(255, 255, 255, .28);
  --verlauf:       linear-gradient(120deg, #2A6CEE 0%, #4E8BFF 48%, #7BCDFE 100%);
  --verlauf-weich: linear-gradient(120deg, #3B7BF5 0%, #6BA0FF 55%, #9ADAFF 100%);
  --glut:          0 0 0 1px var(--linie-dunkel), 0 24px 70px -30px rgba(42, 108, 238, .65);

  /* --- Bewegung --- */
  --tempo:      .34s cubic-bezier(.22, .8, .3, 1);
  --tempo-lang: .9s cubic-bezier(.19, 1, .22, 1);
}

/* Kyrillisch: Space Grotesk kennt keine kyrillischen Zeichen — für die russische
   Fassung tritt Manrope an seine Stelle, damit Überschriften nicht auf eine
   Systemschrift zurückfallen. */
html[lang="ru"] {
  --font-display: 'Manrope', 'Inter', -apple-system, 'Segoe UI', Arial, sans-serif;
}