/* ==========================================================================
   Design Tokens · Fassung 2 mit Hell- und Dunkelmodus
   Automatisch erzeugt aus lab-v2/_data/paletten.js und logos.js.
   Nicht von Hand bearbeiten, die Werte stehen in den Datendateien.

   Drei Ebenen, in dieser Reihenfolge:
   1. [data-palette]                      helle Fassung, Standard
   2. [data-modus="dunkel"] …             dunkle Fassung derselben Rollen
   3. … .on-light                         zurueck auf hell, fuer Kacheln, die
                                          auch nachts hell bleiben muessen
                                          (Logo-Lab, Palettenmuster)
   4. … .on-night                         umgekehrt: Kacheln, die immer die
                                          Nachtfassung zeigen

   Die Sprachen kennen nur Rollen, deshalb genuegt der Tausch der Werte.
   ========================================================================== */

[data-palette="a"] {
  --primary: #1E513C;
  --primary-dark: #123A2B;
  --primary-light: #6C9C83;
  --primary-tint: #E2EBE4;
  --secondary: #2C3431;
  --accent: #A76F25;
  --accent-light: #CFA066;
  --bg: #F5F3EE;
  --bg-alt: #EAE6DC;
  --surface: #FBFAF7;
  --surface-elevated: #FFFFFF;
  --inverse: #10231B;
  --text: #17201C;
  --text-2: #515C56;
  --text-inverse: #EEF0EA;
  --border: #D8D3C7;
  --muted: #8A918C;
  --success: #2E7D4F;
  --verlauf: linear-gradient(180deg, #F5F3EE 0%, #E2EBE4 100%);
}

[data-palette="b"] {
  --primary: #262D2B;
  --primary-dark: #171C1B;
  --primary-light: #86908B;
  --primary-tint: #E6E2DA;
  --secondary: #2F5446;
  --accent: #A8633A;
  --accent-light: #D9A07A;
  --bg: #F6F2EB;
  --bg-alt: #ECE4D7;
  --surface: #FBF8F3;
  --surface-elevated: #FFFFFF;
  --inverse: #1B201F;
  --text: #1C2120;
  --text-2: #595A55;
  --text-inverse: #F2EDE4;
  --border: #DDD3C3;
  --muted: #9A9083;
  --success: #4A7C5C;
  --verlauf: linear-gradient(180deg, #F6F2EB 0%, #ECE4D7 100%);
}

[data-palette="c"] {
  --primary: #0F4C58;
  --primary-dark: #0A333C;
  --primary-light: #6AA3AC;
  --primary-tint: #DCE9EA;
  --secondary: #5F5A52;
  --accent: #C9832A;
  --accent-light: #EDB566;
  --bg: #F3F3EF;
  --bg-alt: #E4E7E2;
  --surface: #FAFAF7;
  --surface-elevated: #FFFFFF;
  --inverse: #0B2126;
  --text: #13232A;
  --text-2: #4D5C62;
  --text-inverse: #EAF0EF;
  --border: #D2D8D6;
  --muted: #87949A;
  --success: #2B8466;
  --verlauf: linear-gradient(180deg, #F3F3EF 0%, #DCE9EA 100%);
}

/* --------------------------------------------------------------------------
   Dunkelmodus
   -------------------------------------------------------------------------- */

[data-modus="dunkel"][data-palette="a"],
[data-modus="dunkel"] [data-palette="a"] {
  --primary: #57A57F;
  --primary-dark: #1E4B39;
  --primary-light: #8FCBAA;
  --primary-tint: #1A2B23;
  --secondary: #93A29B;
  --accent: #C68A3F;
  --accent-light: #E0AE72;
  --bg: #131A17;
  --bg-alt: #0F1513;
  --surface: #1A2320;
  --surface-elevated: #212C28;
  --inverse: #0A0F0D;
  --text: #E9EFEA;
  --text-2: #A3B0A8;
  --text-inverse: #E9EFEA;
  --border: #2D3A34;
  --muted: #74827B;
  --success: #57B07E;
  --verlauf: linear-gradient(180deg, #131A17 0%, #1A2B23 100%);
}

[data-modus="dunkel"][data-palette="b"],
[data-modus="dunkel"] [data-palette="b"] {
  --primary: #A8B2B3;
  --primary-dark: #2C3335;
  --primary-light: #CBD3D4;
  --primary-tint: #23282A;
  --secondary: #6E9A85;
  --accent: #C8794A;
  --accent-light: #E3A67C;
  --bg: #17191A;
  --bg-alt: #121415;
  --surface: #1E2122;
  --surface-elevated: #262A2B;
  --inverse: #0C0E0F;
  --text: #EDEAE4;
  --text-2: #A9A9A3;
  --text-inverse: #EDEAE4;
  --border: #34383A;
  --muted: #79797A;
  --success: #6FAE86;
  --verlauf: linear-gradient(180deg, #17191A 0%, #23282A 100%);
}

[data-modus="dunkel"][data-palette="c"],
[data-modus="dunkel"] [data-palette="c"] {
  --primary: #4FA0B0;
  --primary-dark: #124049;
  --primary-light: #86C6D1;
  --primary-tint: #163036;
  --secondary: #A79F92;
  --accent: #E0A44A;
  --accent-light: #F3C486;
  --bg: #101B1F;
  --bg-alt: #0B1418;
  --surface: #17262B;
  --surface-elevated: #1D3036;
  --inverse: #060F12;
  --text: #E7EFEF;
  --text-2: #9BB0B4;
  --text-inverse: #E7EFEF;
  --border: #27383D;
  --muted: #6E8388;
  --success: #45B692;
  --verlauf: linear-gradient(180deg, #101B1F 0%, #163036 100%);
}

/* --------------------------------------------------------------------------
   Inseln, die immer hell bleiben (kommt zuletzt, gewinnt durch Vererbung)
   -------------------------------------------------------------------------- */

[data-palette="a"] .on-light,
[data-palette="a"].on-light {
  --primary: #1E513C;
  --primary-dark: #123A2B;
  --primary-light: #6C9C83;
  --primary-tint: #E2EBE4;
  --secondary: #2C3431;
  --accent: #A76F25;
  --accent-light: #CFA066;
  --bg: #F5F3EE;
  --bg-alt: #EAE6DC;
  --surface: #FBFAF7;
  --surface-elevated: #FFFFFF;
  --inverse: #10231B;
  --text: #17201C;
  --text-2: #515C56;
  --text-inverse: #EEF0EA;
  --border: #D8D3C7;
  --muted: #8A918C;
  --success: #2E7D4F;
  --verlauf: linear-gradient(180deg, #F5F3EE 0%, #E2EBE4 100%);
}

[data-palette="b"] .on-light,
[data-palette="b"].on-light {
  --primary: #262D2B;
  --primary-dark: #171C1B;
  --primary-light: #86908B;
  --primary-tint: #E6E2DA;
  --secondary: #2F5446;
  --accent: #A8633A;
  --accent-light: #D9A07A;
  --bg: #F6F2EB;
  --bg-alt: #ECE4D7;
  --surface: #FBF8F3;
  --surface-elevated: #FFFFFF;
  --inverse: #1B201F;
  --text: #1C2120;
  --text-2: #595A55;
  --text-inverse: #F2EDE4;
  --border: #DDD3C3;
  --muted: #9A9083;
  --success: #4A7C5C;
  --verlauf: linear-gradient(180deg, #F6F2EB 0%, #ECE4D7 100%);
}

[data-palette="c"] .on-light,
[data-palette="c"].on-light {
  --primary: #0F4C58;
  --primary-dark: #0A333C;
  --primary-light: #6AA3AC;
  --primary-tint: #DCE9EA;
  --secondary: #5F5A52;
  --accent: #C9832A;
  --accent-light: #EDB566;
  --bg: #F3F3EF;
  --bg-alt: #E4E7E2;
  --surface: #FAFAF7;
  --surface-elevated: #FFFFFF;
  --inverse: #0B2126;
  --text: #13232A;
  --text-2: #4D5C62;
  --text-inverse: #EAF0EF;
  --border: #D2D8D6;
  --muted: #87949A;
  --success: #2B8466;
  --verlauf: linear-gradient(180deg, #F3F3EF 0%, #DCE9EA 100%);
}

/* --------------------------------------------------------------------------
   Inseln, die immer dunkel bleiben (Vorschaukacheln des Modusschalters)
   -------------------------------------------------------------------------- */

[data-palette="a"] .on-night,
[data-palette="a"].on-night {
  --primary: #57A57F;
  --primary-dark: #1E4B39;
  --primary-light: #8FCBAA;
  --primary-tint: #1A2B23;
  --secondary: #93A29B;
  --accent: #C68A3F;
  --accent-light: #E0AE72;
  --bg: #131A17;
  --bg-alt: #0F1513;
  --surface: #1A2320;
  --surface-elevated: #212C28;
  --inverse: #0A0F0D;
  --text: #E9EFEA;
  --text-2: #A3B0A8;
  --text-inverse: #E9EFEA;
  --border: #2D3A34;
  --muted: #74827B;
  --success: #57B07E;
  --verlauf: linear-gradient(180deg, #131A17 0%, #1A2B23 100%);
}

[data-palette="b"] .on-night,
[data-palette="b"].on-night {
  --primary: #A8B2B3;
  --primary-dark: #2C3335;
  --primary-light: #CBD3D4;
  --primary-tint: #23282A;
  --secondary: #6E9A85;
  --accent: #C8794A;
  --accent-light: #E3A67C;
  --bg: #17191A;
  --bg-alt: #121415;
  --surface: #1E2122;
  --surface-elevated: #262A2B;
  --inverse: #0C0E0F;
  --text: #EDEAE4;
  --text-2: #A9A9A3;
  --text-inverse: #EDEAE4;
  --border: #34383A;
  --muted: #79797A;
  --success: #6FAE86;
  --verlauf: linear-gradient(180deg, #17191A 0%, #23282A 100%);
}

[data-palette="c"] .on-night,
[data-palette="c"].on-night {
  --primary: #4FA0B0;
  --primary-dark: #124049;
  --primary-light: #86C6D1;
  --primary-tint: #163036;
  --secondary: #A79F92;
  --accent: #E0A44A;
  --accent-light: #F3C486;
  --bg: #101B1F;
  --bg-alt: #0B1418;
  --surface: #17262B;
  --surface-elevated: #1D3036;
  --inverse: #060F12;
  --text: #E7EFEF;
  --text-2: #9BB0B4;
  --text-inverse: #E7EFEF;
  --border: #27383D;
  --muted: #6E8388;
  --success: #45B692;
  --verlauf: linear-gradient(180deg, #101B1F 0%, #163036 100%);
}

/* --------------------------------------------------------------------------
   Logo-Varianten
   -------------------------------------------------------------------------- */

[data-logo="1"], [data-logo="1"] [data-palette] {
  --lg-sym-h: #A76F25; --lg-grid-h: #A76F25; --lg-flex-h: #1E513C; --lg-sub-h: #1E513C;
  --lg-sym-d: #C99554; --lg-grid-d: #C99554; --lg-flex-d: #EEF0EA; --lg-sub-d: #B9C6BE;
  --lg-mono: #1E513C;
  --lg-mono-d: color-mix(in oklab, #1E513C 55%, #F4F4EF);
}

[data-logo="2"], [data-logo="2"] [data-palette] {
  --lg-sym-h: #A8633A; --lg-grid-h: #A8633A; --lg-flex-h: #262D2B; --lg-sub-h: #262D2B;
  --lg-sym-d: #D59A72; --lg-grid-d: #D59A72; --lg-flex-d: #F2EDE4; --lg-sub-d: #CFC5B6;
  --lg-mono: #A8633A;
  --lg-mono-d: color-mix(in oklab, #A8633A 55%, #F4F4EF);
}

[data-logo="3"], [data-logo="3"] [data-palette] {
  --lg-sym-h: var(--accent); --lg-grid-h: var(--text); --lg-flex-h: var(--text); --lg-sub-h: var(--text-2);
  --lg-sym-d: var(--accent-light); --lg-grid-d: var(--text-inverse); --lg-flex-d: var(--text-inverse); --lg-sub-d: var(--text-inverse);
  --lg-mono: var(--accent);
  --lg-mono-d: color-mix(in oklab, var(--accent) 55%, #F4F4EF);
}

[data-logo="4"], [data-logo="4"] [data-palette] {
  --lg-sym-h: var(--primary); --lg-grid-h: var(--primary); --lg-flex-h: var(--primary); --lg-sub-h: var(--primary);
  --lg-sym-d: var(--text-inverse); --lg-grid-d: var(--text-inverse); --lg-flex-d: var(--text-inverse); --lg-sub-d: var(--text-inverse);
  --lg-mono: var(--text);
  --lg-mono-d: color-mix(in oklab, var(--text) 55%, #F4F4EF);
}

[data-logo="5"], [data-logo="5"] [data-palette] {
  --lg-sym-h: #A8633A; --lg-grid-h: #A8633A; --lg-flex-h: #1E513C; --lg-sub-h: #1E513C;
  --lg-sym-d: #D08F65; --lg-grid-d: #D08F65; --lg-flex-d: #6FA98B; --lg-sub-d: #9CBCAA;
  --lg-mono: #A8633A;
  --lg-mono-d: color-mix(in oklab, #A8633A 55%, #F4F4EF);
}

[data-logo="6"], [data-logo="6"] [data-palette] {
  --lg-sym-h: #2C3431; --lg-grid-h: #2C3431; --lg-flex-h: #1E513C; --lg-sub-h: #1E513C;
  --lg-sym-d: #C3C8C4; --lg-grid-d: #C3C8C4; --lg-flex-d: #6FA98B; --lg-sub-d: #9CBCAA;
  --lg-mono: #2C3431;
  --lg-mono-d: color-mix(in oklab, #2C3431 55%, #F4F4EF);
}

[data-logo="7"], [data-logo="7"] [data-palette] {
  --lg-sym-h: #BFA06A; --lg-grid-h: #BFA06A; --lg-flex-h: #1E513C; --lg-sub-h: #1E513C;
  --lg-sym-d: #DCC393; --lg-grid-d: #DCC393; --lg-flex-d: #6FA98B; --lg-sub-d: #9CBCAA;
  --lg-mono: #BFA06A;
  --lg-mono-d: color-mix(in oklab, #BFA06A 55%, #F4F4EF);
}

[data-logo="8"], [data-logo="8"] [data-palette] {
  --lg-sym-h: #77848B; --lg-grid-h: #77848B; --lg-flex-h: #1E513C; --lg-sub-h: #1E513C;
  --lg-sym-d: #AEBAC0; --lg-grid-d: #AEBAC0; --lg-flex-d: #6FA98B; --lg-sub-d: #9CBCAA;
  --lg-mono: #77848B;
  --lg-mono-d: color-mix(in oklab, #77848B 55%, #F4F4EF);
}