/* steuerOS-Farben und -Schrift für Twenty. Farben aus steueros-website
   (site/assets/css/site.css): Blau #6AB9F4, dunkel #1E6FA8, hell #A5D5FB.

   Twenty definiert sein Theme als CSS-Variablen auf .light und .dark. Diese
   Datei überschreibt nur Variablen, ändert keine Komponenten. Benennt Twenty
   sie bei einem Update um, greift hier nichts mehr und Twenty sieht wieder
   aus wie ausgeliefert. Die doppelte Klasse (.light.light) hebt die
   Spezifität, damit die Reihenfolge der Stylesheets egal ist.

   Volle Flächen (Buttons) nutzen das dunkle Blau: weiße Schrift auf #6AB9F4
   wäre kaum lesbar (Kontrast ~2:1), auf #1E6FA8 sind es ~5,5:1. */

@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 300 500;
  font-display: swap;
  src: url(/steueros/fonts/urbanist-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 300 500;
  font-display: swap;
  src: url(/steueros/fonts/urbanist-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Twenty setzt die Schrift am body fest auf Inter, nicht über die Variable. */
html body,
html body input,
html body textarea,
html body button {
  font-family: 'Urbanist', Inter, sans-serif;
}

.light.light {
  --t-font-family: 'Urbanist', Inter, sans-serif;

  --t-color-blue: #1e6fa8;
  --t-color-blue8: #6ab9f4;
  --t-color-blue9: #1e6fa8;
  --t-color-blue10: #1a6396;
  --t-border-color-blue: #88c6f7;
  --t-background-transparent-blue: rgba(106, 185, 244, 0.16);

  --t-accent-accent1: #fbfdff;
  --t-accent-accent2: #f3f9fe;
  --t-accent-accent3: #e5f2fd;
  --t-accent-accent4: #d3eafc;
  --t-accent-accent5: #bfe0fb;
  --t-accent-accent6: #a5d5fb;
  --t-accent-accent7: #88c6f7;
  --t-accent-accent8: #6ab9f4;
  --t-accent-accent9: #1e6fa8;
  --t-accent-accent10: #1a6396;
  --t-accent-accent11: #1e6fa8;
  --t-accent-accent12: #0d3350;
  --t-accent-accent3570: #6ab9f4;
  --t-accent-accent4060: #6ab9f4;
  --t-accent-primary: #bfe0fb;
  --t-accent-secondary: #bfe0fb;
  --t-accent-tertiary: #e5f2fd;
  --t-accent-quaternary: #f3f9fe;
}

.dark.dark {
  --t-font-family: 'Urbanist', Inter, sans-serif;

  --t-color-blue: #1e6fa8;
  --t-color-blue8: #2a6fa8;
  --t-color-blue9: #1e6fa8;
  --t-color-blue10: #2a7fbd;
  --t-border-color-blue: #22598a;
  --t-background-transparent-blue: rgba(106, 185, 244, 0.25);

  --t-accent-accent1: #0b1219;
  --t-accent-accent2: #0f1923;
  --t-accent-accent3: #11263a;
  --t-accent-accent4: #13304b;
  --t-accent-accent5: #173b5c;
  --t-accent-accent6: #1c4a73;
  --t-accent-accent7: #22598a;
  --t-accent-accent8: #2a6fa8;
  --t-accent-accent9: #1e6fa8;
  --t-accent-accent10: #2a7fbd;
  --t-accent-accent11: #a5d5fb;
  --t-accent-accent12: #dceefd;
  --t-accent-accent3570: #2a6fa8;
  --t-accent-accent4060: #2a6fa8;
  --t-accent-primary: #173b5c;
  --t-accent-secondary: #173b5c;
  --t-accent-tertiary: #11263a;
  --t-accent-quaternary: #0f1923;
}