/* Designsystem der Club Suite: Tokens (R6.1). Beschreibung: docs/DESIGNSYSTEM.md.
   Alle Farben, Abstände, Radien und Schriften kommen von hier. Module nutzen nur diese Tokens
   und die Bausteine aus app.css, keine eigenen Farben.
   Die Akzentfarbe der Instanz kommt aus /oberflaeche/farben.css (überschreibt --akzent).
   Hell/Dunkel/Automatisch: data-theme="hell|dunkel" am <html>, sonst folgt die Seite dem Gerät (K-133). */

@font-face { font-family: "Barlow"; font-style: normal; font-weight: 400; font-display: swap; src: url("schrift/barlow-latin-400-normal.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; }
@font-face { font-family: "Barlow"; font-style: normal; font-weight: 400; font-display: swap; src: url("schrift/barlow-latin-ext-400-normal.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Barlow"; font-style: normal; font-weight: 500; font-display: swap; src: url("schrift/barlow-latin-500-normal.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; }
@font-face { font-family: "Barlow"; font-style: normal; font-weight: 500; font-display: swap; src: url("schrift/barlow-latin-ext-500-normal.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Barlow"; font-style: normal; font-weight: 600; font-display: swap; src: url("schrift/barlow-latin-600-normal.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; }
@font-face { font-family: "Barlow"; font-style: normal; font-weight: 600; font-display: swap; src: url("schrift/barlow-latin-ext-600-normal.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Barlow"; font-style: normal; font-weight: 700; font-display: swap; src: url("schrift/barlow-latin-700-normal.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; }
@font-face { font-family: "Barlow"; font-style: normal; font-weight: 700; font-display: swap; src: url("schrift/barlow-latin-ext-700-normal.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

:root {
  /* Akzent: Standard der Suite; farben.css setzt die Farbe der Instanz und die passende Schrift darauf. */
  --akzent: #1f7a5c;
  --akzent-schrift: #ffffff;

  /* Flächen und Text, hell */
  --grund: #ffffff;
  --flaeche: #f6f6f4;
  --flaeche-hover: #eeeeeb;
  --text: #111111;
  --text-2: #3b3b3a;
  --leise: #626260;
  --linie: #e3e3e0;
  --linie-stark: #c9c9c5;
  --aktiv: #111111;
  --aktiv-schrift: #ffffff;
  --fokus: #111111;

  /* Zustände: immer zusammen mit Text oder Symbol, nie nur Farbe (F5) */
  --gut: #1e6b3a;       --gut-flaeche: #e6f3eb;
  --warnung: #7a4f00;   --warnung-flaeche: #fbf0d4;
  --fehler: #b3261e;    --fehler-flaeche: #fbe8e6;
  --info: #1f4e8c;      --info-flaeche: #e7eef8;

  /* Schrift */
  --schrift: "Barlow", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --schrift-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --groesse-klein: 0.875rem;
  --groesse: 1rem;
  --groesse-gross: 1.125rem;
  --groesse-h1: 1.75rem;
  --groesse-h2: 1.125rem;
  --sperrung: 0.08em;
  --sperrung-weit: 0.14em;

  /* Abstände (4er-Raster) */
  --a-1: 4px; --a-2: 8px; --a-3: 12px; --a-4: 16px; --a-5: 24px; --a-6: 32px; --a-7: 48px;

  /* Radien, Tippflächen, Bewegung */
  --r-klein: 6px; --r: 10px; --r-gross: 14px; --r-pille: 999px;
  --tippflaeche: 48px;  /* R6.2: mindestens 48 px */
  --dauer: 150ms;

  /* Rahmen der Seite */
  --seitenleiste: 256px;
  --kopfleiste: 56px;
  --tableiste: 64px;
  --inhalt-breite: 1080px;

  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="hell"]) {
    --grund: #0f0e10; --flaeche: #19181b; --flaeche-hover: #232126;
    --text: #f3f2f4; --text-2: #d2cfd5; --leise: #a6a2aa;
    --linie: #2c2a2f; --linie-stark: #45424a;
    --aktiv: #f3f2f4; --aktiv-schrift: #111111; --fokus: #f3f2f4;
    --gut: #7ad39a; --gut-flaeche: #142a1d;
    --warnung: #f2c14e; --warnung-flaeche: #33280a;
    --fehler: #ff8a80; --fehler-flaeche: #3a1d1b;
    --info: #9cc0ff; --info-flaeche: #172338;
    color-scheme: dark;
  }
}

:root[data-theme="dunkel"] {
  --grund: #0f0e10; --flaeche: #19181b; --flaeche-hover: #232126;
  --text: #f3f2f4; --text-2: #d2cfd5; --leise: #a6a2aa;
  --linie: #2c2a2f; --linie-stark: #45424a;
  --aktiv: #f3f2f4; --aktiv-schrift: #111111; --fokus: #f3f2f4;
  --gut: #7ad39a; --gut-flaeche: #142a1d;
  --warnung: #f2c14e; --warnung-flaeche: #33280a;
  --fehler: #ff8a80; --fehler-flaeche: #3a1d1b;
  --info: #9cc0ff; --info-flaeche: #172338;
  color-scheme: dark;
}