/*
Theme Name: vr6-syncro Design
Template: twentytwentyfive
Description: Gestaltung der frueheren Astro-Site, uebertragen nach WordPress.
Version: 1.0.0
*/

/* ============================================================
   Schriften — als Dateien mitgeliefert, damit die Schriftverwaltung
   von WordPress nicht angefasst werden muss (variable Schriften
   machen dort bekannt Aerger).
   ============================================================ */
@font-face {
  font-family: "Geist Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("schriften/geist-latin-wght-normal.woff2") format("woff2-variations");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2074,U+20AC,U+2212;
}
@font-face {
  font-family: "Geist Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("schriften/geist-latin-ext-wght-normal.woff2") format("woff2-variations");
  unicode-range: U+0100-02BA,U+1E00-1EFF,U+2020,U+20A0-20AB;
}
@font-face {
  font-family: "Geist Mono Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("schriften/geist-mono-latin-wght-normal.woff2") format("woff2-variations");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2074,U+20AC,U+2212;
}
@font-face {
  font-family: "Geist Mono Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("schriften/geist-mono-latin-ext-wght-normal.woff2") format("woff2-variations");
  unicode-range: U+0100-02BA,U+1E00-1EFF,U+2020,U+20A0-20AB;
}

/* ============================================================
   Farben. Die Werte stammen 1:1 aus der Astro-Fassung.

   HINWEIS ZUR FARBTREUE: Einige Toene waren im Original in OKLCH
   angegeben und liegen ausserhalb des darstellbaren sRGB-Raums.
   Ihre Hex-Entsprechung ist eine NAEHERUNG, keine Kopie. Betroffen
   sind ausschliesslich Akzent- und Flaechentoene, kein Fliesstext.
   ============================================================ */
/* vr6-syncro: hell als Grundzustand, folgt der Systemeinstellung, Handschalter sticht. */
:root {
  color-scheme: light;
    --wp--preset--color--ink: #0a121f;
    --wp--preset--color--paper: #fbfaf6;
    --wp--preset--color--muted: #575e69;
    --wp--preset--color--line: #dbdee3;
    --wp--preset--color--accent: #0074ca;
    --wp--preset--color--accent-strong: #005fb3;
    --wp--preset--color--steel: #e2e5e8;
    --wp--preset--color--input-border: #808d9f;
    --wp--preset--color--focus: #2171cc;
    --wp--preset--color--accent-text: #005dbd;
    --wp--preset--color--surface-card: #f8f6ef;
    --wp--preset--color--surface-card-strong: #f6f4ec;
    --wp--preset--color--status-ok: #549957;
    --wp--preset--color--status-error: #c5372f;
    --wp--preset--color--status-warn: #c5953b;
    --wp--preset--color--text-error: #b71a18;
    --wp--preset--color--text-error-print: #b3241f;
    --wp--preset--color--border-error: #d6867b;
    --wp--preset--color--notice-warn-bg: #ffe2b4;
    --wp--preset--color--notice-warn-border: #c69356;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
      --wp--preset--color--ink: #edebe5;
      --wp--preset--color--paper: #050911;
      --wp--preset--color--muted: #9b9fa5;
      --wp--preset--color--line: #26292e;
      --wp--preset--color--accent: #0074ca;
      --wp--preset--color--accent-strong: #005fb3;
      --wp--preset--color--steel: #171b1f;
      --wp--preset--color--input-border: #76889e;
      --wp--preset--color--focus: #6badff;
      --wp--preset--color--accent-text: #7dbaff;
      --wp--preset--color--surface-card: #060c16;
      --wp--preset--color--surface-card-strong: #060d17;
      --wp--preset--color--status-ok: #549957;
      --wp--preset--color--status-error: #c5372f;
      --wp--preset--color--status-warn: #c5953b;
      --wp--preset--color--text-error: #b71a18;
      --wp--preset--color--text-error-print: #b3241f;
      --wp--preset--color--border-error: #d6867b;
      --wp--preset--color--notice-warn-bg: #ffe2b4;
      --wp--preset--color--notice-warn-border: #c69356;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
    --wp--preset--color--ink: #edebe5;
    --wp--preset--color--paper: #050911;
    --wp--preset--color--muted: #9b9fa5;
    --wp--preset--color--line: #26292e;
    --wp--preset--color--accent: #0074ca;
    --wp--preset--color--accent-strong: #005fb3;
    --wp--preset--color--steel: #171b1f;
    --wp--preset--color--input-border: #76889e;
    --wp--preset--color--focus: #6badff;
    --wp--preset--color--accent-text: #7dbaff;
    --wp--preset--color--surface-card: #060c16;
    --wp--preset--color--surface-card-strong: #060d17;
    --wp--preset--color--status-ok: #549957;
    --wp--preset--color--status-error: #c5372f;
    --wp--preset--color--status-warn: #c5953b;
    --wp--preset--color--text-error: #b71a18;
    --wp--preset--color--text-error-print: #b3241f;
    --wp--preset--color--border-error: #d6867b;
    --wp--preset--color--notice-warn-bg: #ffe2b4;
    --wp--preset--color--notice-warn-border: #c69356;
}

/* Umschalter im Kopfbereich */
.theme-toggle {
  background: none;
  border: 1px solid var(--wp--preset--color--input-border, currentColor);
  border-radius: 8px;
  color: inherit;
  cursor: pointer;
  font: inherit;
  line-height: 1;
  padding: .5rem .7rem;
}
.theme-toggle:hover { background: var(--wp--preset--color--line, rgba(0,0,0,.06)); }
.theme-toggle:focus-visible {
  outline: 2px solid var(--wp--preset--color--focus, currentColor);
  outline-offset: 2px;
}
.theme-toggle .icon-dark { display: none; }
:root[data-theme="dark"] .theme-toggle .icon-dark { display: inline; }
:root[data-theme="dark"] .theme-toggle .icon-hell { display: none; }