/*
 * Fallwerk – Akzentpaletten (D1a, verbindlich nach docs/DESIGN_SYSTEM.md)
 *
 * Genau fünf feste Paletten: petrol (Standard und Rückfall), blau, gruen, violett, orange.
 * Jede Palette definiert ausschließlich die Akzentrollen, je als light-dark(hell, dunkel):
 *   primary, primary-hover, primary-active, primary-soft, on-primary, link, link-hover,
 *   nav-current-bg, nav-current-fg.
 * Status-, Fokus- und Neutralfarben stehen in theme.css und hängen nie von der Palette ab.
 * Eine unbekannte oder fehlende Auswahl (data-accent) ergibt über :root die Palette petrol.
 */
:root,
:root[data-accent="petrol"] {
  --color-primary: light-dark(#1f5f73, #6bbfd6);
  --color-primary-hover: light-dark(#174c5d, #8ccfe2);
  --color-primary-active: light-dark(#123c49, #a6dbe9);
  --color-primary-soft: light-dark(#e3eff3, #16343e);
  --color-on-primary: light-dark(#ffffff, #08171c);
  --color-link: light-dark(#1f5f73, #7fcbe0);
  --color-link-hover: light-dark(#123c49, #a6dbe9);
  --color-nav-current-bg: light-dark(#e3eff3, #16343e);
  --color-nav-current-fg: light-dark(#174c5d, #bfe6f1);
}

:root[data-accent="blau"] {
  --color-primary: light-dark(#016ba1, #12a6e1);
  --color-primary-hover: light-dark(#015c8b, #49b8f1);
  --color-primary-active: light-dark(#014d76, #71cbff);
  --color-primary-soft: light-dark(#ebf1fc, #0b2d41);
  --color-on-primary: light-dark(#ffffff, #051927);
  --color-link: light-dark(#016ba1, #3db0e9);
  --color-link-hover: light-dark(#014d76, #71cbff);
  --color-nav-current-bg: light-dark(#ebf1fc, #0b2d41);
  --color-nav-current-fg: light-dark(#015c8b, #a0d9ff);
}

:root[data-accent="gruen"] {
  --color-primary: light-dark(#50661b, #acc379);
  --color-primary-hover: light-dark(#405216, #c1d399);
  --color-primary-active: light-dark(#324110, #d2e0b5);
  --color-primary-soft: light-dark(#edefdf, #253119);
  --color-on-primary: light-dark(#ffffff, #131905);
  --color-link: light-dark(#50661b, #b7cd8a);
  --color-link-hover: light-dark(#324110, #d2e0b5);
  --color-nav-current-bg: light-dark(#edefdf, #253119);
  --color-nav-current-fg: light-dark(#405216, #d9e5c0);
}

:root[data-accent="violett"] {
  --color-primary: light-dark(#5b3fb0, #b4a0f2);
  --color-primary-hover: light-dark(#4a3292, #c5b6f6);
  --color-primary-active: light-dark(#3b2776, #d4c9f9);
  --color-primary-soft: light-dark(#ece8f8, #2a2150);
  --color-on-primary: light-dark(#ffffff, #150f2e);
  --color-link: light-dark(#5b3fb0, #bfaef5);
  --color-link-hover: light-dark(#3b2776, #d4c9f9);
  --color-nav-current-bg: light-dark(#ece8f8, #2a2150);
  --color-nav-current-fg: light-dark(#4a3292, #d9cffa);
}

:root[data-accent="orange"] {
  --color-primary: light-dark(#b04600, #f0a060);
  --color-primary-hover: light-dark(#8f3a00, #f4b583);
  --color-primary-active: light-dark(#732f00, #f7c8a3);
  --color-primary-soft: light-dark(#fbeadb, #3a2412);
  --color-on-primary: light-dark(#ffffff, #1f1004);
  --color-link: light-dark(#a84300, #f4ab6e);
  --color-link-hover: light-dark(#732f00, #f7c8a3);
  --color-nav-current-bg: light-dark(#fbeadb, #3a2412);
  --color-nav-current-fg: light-dark(#8f3a00, #f9d4b8);
}

/* Rückfall für Browser ohne light-dark(): Hellmodus mit Petrol, unabhängig von der Auswahl */
@supports not (color: light-dark(#000000, #ffffff)) {
  :root,
  :root[data-accent] {
    --color-primary: #1f5f73;
    --color-primary-hover: #174c5d;
    --color-primary-active: #123c49;
    --color-primary-soft: #e3eff3;
    --color-on-primary: #ffffff;
    --color-link: #1f5f73;
    --color-link-hover: #123c49;
    --color-nav-current-bg: #e3eff3;
    --color-nav-current-fg: #174c5d;
  }
}