/* Spots · Designtokens (B.2, B.3). Schriften selbst gehostet, OFL-Lizenzen in assets/fonts. */

@font-face {
  font-family: 'Hanken Grotesk';
  src: url('../fonts/hanken-grotesk-latin-wght.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Hanken Grotesk';
  src: url('../fonts/hanken-grotesk-latin-ext-wght.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Nur für die Länder-Tafeln */
@font-face {
  font-family: 'Doto';
  src: url('../fonts/doto-latin-800.woff2') format('woff2');
  font-weight: 700 800;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow Condensed';
  src: url('../fonts/barlow-condensed-latin-600.woff2') format('woff2');
  font-weight: 500 600;
  font-display: swap;
}
@font-face {
  font-family: 'Bitcount Prop Single';
  src: url('../fonts/bitcount-prop-single-latin-500.woff2') format('woff2');
  font-weight: 400 500;
  font-display: swap;
}

:root, [data-theme="light"] {
  --bg:      #FFFFFF;
  --ink:     #1C1C1E;
  --dim:     #66666B;
  --faint:   #B4B4B9;
  --line:    #E6E6E8;
  --rule:    #1C1C1E;
  --fill:    #EEEEF0;
  --fill-2:  #C4C4C8;
  --soft:    #F6F6F7;
  --field:   #FFFFFF;
  --acc:     #DA3329;
  --on-acc:  #FFFFFF;
  --inv:     #FFFFFF;
  --scrim:   rgba(28, 28, 30, .35);

  --map-bg: #F0F0F2;
  --pin: #DA3329; --pin-ink: #FFFFFF; --pin-ring: #FFFFFF; --pin-done: #9A9AA0; --pin-done-ink: #FFFFFF;

  --font: 'Hanken Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;
  color-scheme: light;
}

[data-theme="dark"] {
  --bg:      #1F2023;
  --ink:     #EDEDF0;
  --dim:     #A3A4AA;
  --faint:   #6A6B71;
  --line:    #36383D;
  --rule:    #6A6B71;
  --fill:    #2C2E32;
  --fill-2:  #44464B;
  --soft:    #26282B;
  --field:   #26282B;
  --acc:     #FF5A50;
  --on-acc:  #1F2023;
  --inv:     #1F2023;
  --scrim:   rgba(0, 0, 0, .55);

  --map-bg: #27282C;
  --pin: #FF5A50; --pin-ink: #1F2023; --pin-ring: #27282C; --pin-done: #55575D; --pin-done-ink: #C8C9CE;
  color-scheme: dark;
}