/**
 * @file palette-petrol.css
 * Alternative Farbpalette „Petrol & Koralle".
 * Inert, solange <html data-palette="petrol"> nicht gesetzt ist.
 * Höhere Spezifität als :root (theme.css) -> gewinnt unabhängig von Ladereihenfolge.
 * Die abgeleiteten --*-light/--*-dark (color-mix auf var(--*)) passen sich automatisch an.
 */
html[data-palette="petrol"] {
  --background: #F3F6F6;
  --foreground: #14242A;
  --card: #FFFFFF;
  --card-foreground: #14242A;
  --popover: #FFFFFF;
  --popover-foreground: #14242A;
  --primary: #0E3A43;
  --primary-foreground: #FFFFFF;
  --secondary: #E2613E;
  --secondary-foreground: #FFFFFF;
  --muted: #E4EBEB;
  --muted-foreground: #56686E;
  --accent: #EBB54A;
  --accent-foreground: #14242A;
  --destructive: #B3261E;
  --destructive-foreground: #FFFFFF;
  --border: #CDD9DA;
  --input: #DCE6E6;
  --ring: #E2613E;
  --footer: #1E6976;
  --box: #ECE1EF;
  --box-foreground: #3B2E40;
}
