/* ============================================================
   tokens.css — Meyer Consulton Design-System
   Einzige Quelle für Farbpalette (Light+Dark) und Fonts.
   Wird von allen Unterseiten per <link> geladen und vom
   Onepager-Build (build.py) inline mit eingebunden.

   Palette «Elektro-Ultramarin» (Redesign 2026-07):
   Warmes Papier-Weiss + kräftiges Ultramarin (Klein-Blau-
   Richtung) + Signal-Orange als Akzent. Dark = tiefes Ink.
   ============================================================ */
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:200 800;font-display:swap;src:url('/fonts/plus-jakarta-sans.woff2') format('woff2')}
@font-face{font-family:'Plus Jakarta Sans';font-style:italic;font-weight:200 800;font-display:swap;src:url('/fonts/plus-jakarta-sans-italic.woff2') format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:100 800;font-display:swap;src:url('/fonts/jetbrains-mono.woff2') format('woff2')}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:200 800;font-display:swap;src:url('/fonts/newsreader.woff2') format('woff2')}
@font-face{font-family:'Newsreader';font-style:italic;font-weight:200 800;font-display:swap;src:url('/fonts/newsreader-italic.woff2') format('woff2')}
:root{
  --bg:       #FBFAF7;
  --bg1:      #F4F2EC;
  --bg2:      #FFFFFF;
  --bg3:      #EDEBE2;
  --bg4:      #E3E0D4;
  --p:        #1B2ACC;
  --p-lt:     #3D4FF0;
  --p-dk:     #101B99;
  --p10:      rgba(27,42,204,.06);
  --p20:      rgba(27,42,204,.12);
  --p30:      rgba(27,42,204,.24);
  --blue:     #1B2ACC;
  --ai:       #1B2ACC;
  --ai-lt:    #3D4FF0;
  --ai10:     rgba(27,42,204,.06);
  --text:     #16161F;
  --text2:    #4C4D60;
  --text3:    #83849A;
  --border:   #E6E4DA;
  --border2:  #D5D2C4;
  --border3:  #B8B4A2;
  --white:    #101018;
  --r:        3px;
  --n-blue:   #2B49FF;
  --n-purple: #7A3BFF;
  --n-teal:   #00A886;
  --n-orange: #FF4B0F;
  --acc-soft: #FF8A5C;
  --brand:    #1521B2;
  --btn:      #1B2ACC;
  --btn-hov:  #101B99;
  --btn-ink:  #FFFFFF;
  --nav-bg:   rgba(251,250,247,.82);
  --nav-bg2:  rgba(251,250,247,.98);
  color-scheme:light;
}
[data-theme="dark"]{
  --bg:       #08080F;
  --bg1:      #0C0D16;
  --bg2:      #11121D;
  --bg3:      #161827;
  --bg4:      #1C1F33;
  --p:        #7B87FF;
  --p-lt:     #97A1FF;
  --p-dk:     #5A66F2;
  --p10:      rgba(123,135,255,.08);
  --p20:      rgba(123,135,255,.14);
  --p30:      rgba(123,135,255,.28);
  --blue:     #7B87FF;
  --ai:       #7B87FF;
  --ai-lt:    #97A1FF;
  --ai10:     rgba(123,135,255,.08);
  --text:     #EAEBF5;
  --text2:    #A3A6C2;
  --text3:    #6C6F8C;
  --border:   #1D1F32;
  --border2:  #282B44;
  --border3:  #3A3E5E;
  --white:    #F5F6FE;
  --n-blue:   #5B76FF;
  --n-purple: #9D6BFF;
  --n-teal:   #21C69E;
  --n-orange: #FF6B35;
  --acc-soft: #FF8A5C;
  --brand:    #1720B8;
  --btn:      #4A56EE;
  --btn-hov:  #6570FF;
  --btn-ink:  #FFFFFF;
  --nav-bg:   rgba(8,8,15,.82);
  --nav-bg2:  rgba(8,8,15,.97);
  color-scheme:dark;
}
/* Hartcodierte SVG-Icon-Farben (stroke/fill-Attribute alter Navy-Palette)
   auf die aktuelle Token-Palette mappen — gilt für Onepager UND Unterseiten. */
[stroke="#1B3A5B"]{stroke:var(--p)}
[stroke="#2C6E9E"]{stroke:var(--p-lt)}
[stroke="#6E97B8"]{stroke:var(--ai-lt)}
[fill="#1B3A5B"]{fill:var(--p)}
[fill="#2C6E9E"]{fill:var(--p-lt)}
[fill="#6E97B8"]{fill:var(--ai-lt)}