/* The current design's stylesheet is the only one active. Reuse its local
   heading assets here so the other designs can preview their typography. */
@font-face {
  font-family: "MyFamily Sour Gummy";
  src: url("/themes/einhorn/sour-gummy-latin-variable.woff2") format("woff2");
  font-weight: 400 600;
  font-display: swap;
}

@font-face {
  font-family: "Anton";
  src: url("/themes/siebdruck/anton-latin-400.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0000-00FF;
}

@font-face {
  font-family: "Retro Mono";
  src: url("/themes/retro/ibm-plex-mono-latin-600.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
  unicode-range: U+0000-00FF;
}

@font-face {
  font-family: "Reiseplakat Display";
  src: url("/themes/reiseplakat/oswald-latin-400-700.woff2") format("woff2");
  font-weight: 400 700;
  font-display: swap;
  unicode-range: U+0000-00FF;
}

@font-face {
  font-family: "Oswald";
  src: url("/themes/werkstatt/oswald-latin-400-700.woff2") format("woff2");
  font-weight: 400 700;
  font-display: swap;
  unicode-range: U+0000-00FF;
}

.theme-option[data-theme-choice="sage"] {
  --theme-preview-colors: #f7f8f4 0 25%, #e8f2ed 25% 50%, #246953 50% 75%, #263a35 75%;
}

.theme-option[data-theme-choice="ocean"] {
  --theme-preview-colors: #f2f7fa 0 25%, #e1eff5 25% 50%, #155b78 50% 75%, #183746 75%;
  --theme-preview-heading: "Avenir Next", Avenir, var(--font-family-system);
  --theme-preview-weight: 620;
}

.theme-option[data-theme-choice="night"] {
  --theme-preview-colors: #18211e 0 25%, #30453a 25% 50%, #8bc5a4 50% 75%, #edf4ef 75%;
  --theme-preview-heading: "Trebuchet MS", var(--font-family-system);
  --theme-preview-weight: 600;
}

.theme-option[data-theme-choice="nest"] {
  --theme-preview-colors: #fbf4e7 0 25%, #e9ecd9 25% 50%, #50633f 50% 75%, #493d30 75%;
  --theme-preview-heading: "Avenir Next", Avenir, var(--font-family-system);
  --theme-preview-weight: 600;
}

.theme-option[data-theme-choice="kontrast"] {
  --theme-preview-colors: #edf0f3 0 25%, #fff3e8 25% 50%, #c2410c 50% 75%, #111827 75%;
  --theme-preview-heading: Georgia, "Times New Roman", serif;
}

.theme-option[data-theme-choice="einhorn"] {
  --theme-preview-colors: #eee5fa 0 25%, #fbeaf1 25% 50%, #e3f4ef 50% 75%, #7c3db0 75%;
  --theme-preview-heading: "MyFamily Sour Gummy", "Avenir Next", Avenir, ui-rounded, var(--font-family-system);
  --theme-preview-weight: 600;
}

.theme-option[data-theme-choice="siebdruck"] {
  --theme-preview-colors: #e9e2d3 0 25%, #ffe4f1 25% 50%, #ae075e 50% 75%, #16130f 75%;
  --theme-preview-heading: "Anton", Impact, "Arial Narrow", var(--font-family-system);
  --theme-preview-weight: 400;
  --theme-preview-case: uppercase;
}

.theme-option[data-theme-choice="retro"] {
  --theme-preview-colors: #fdfcf8 0 25%, #e4e1d7 25% 50%, #d6d2c8 50% 75%, #11100e 75%;
  --theme-preview-heading: "Retro Mono", Menlo, Consolas, "Liberation Mono", "DejaVu Sans Mono", monospace;
  --theme-preview-weight: 600;
}

.theme-option[data-theme-choice="segment"] {
  --theme-preview-colors: #050607 0 25%, #250e10 25% 50%, #ff5148 50% 75%, #f2efea 75%;
  --theme-preview-heading: ui-monospace, "SF Mono", "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", Menlo, Consolas, "Liberation Mono", monospace;
  --theme-preview-weight: 700;
  --theme-preview-case: uppercase;
}

.theme-option[data-theme-choice="reiseplakat"] {
  --theme-preview-colors: #ecdfc2 0 25%, #c8d2ad 25% 50%, #2f4960 50% 75%, #17324b 75%;
  --theme-preview-heading: "Reiseplakat Display", "Arial Narrow", "Liberation Sans Narrow", "Helvetica Neue Condensed", sans-serif;
  --theme-preview-weight: 700;
  --theme-preview-case: uppercase;
}

.theme-option[data-theme-choice="werkstatt"] {
  --theme-preview-colors: #f3ecda 0 25%, #f2ddd4 25% 50%, #a82014 50% 75%, #17150f 75%;
  --theme-preview-heading: "Oswald", "Arial Narrow", "Helvetica Neue Condensed", "Liberation Sans Narrow", sans-serif;
  --theme-preview-weight: 700;
  --theme-preview-case: uppercase;
}

.theme-option[data-theme-choice="sommermagazin"] {
  --theme-preview-colors: #f4ecd9 0 25%, #d9ef4f 25% 50%, #f15a9a 50% 75%, #17130f 75%;
  --theme-preview-heading: "Anton", "Oswald", var(--font-family-system);
  --theme-preview-weight: 400;
  --theme-preview-case: uppercase;
}

.theme-option[data-theme-choice="adler"] {
  --theme-preview-colors: #00264d 0 25%, #004587 25% 50%, #f4f7fb 50% 75%, #e20027 75%;
}

.theme-option[data-theme-choice="adler-hell"] {
  --theme-preview-colors: #fff 0 25%, #dcebf9 25% 50%, #004587 50% 75%, #e20027 75%;
}