/* fkb.social — Palette der Infoseite, 6. Oktober 2026. */
html {
  --color-indigo-50: #f0f4ee !important;
  --color-indigo-100: #dce8da !important;
  --color-indigo-200: #cbe4d3 !important;
  --color-indigo-300: #a6c6b3 !important;
  --color-indigo-400: #81b098 !important;
  --color-indigo-500: #50886b !important;
  --color-indigo-600: #38785d !important;
  --color-indigo-700: #2f6b52 !important;
  --color-indigo-800: #214d3b !important;
  --color-indigo-900: #193a2d !important;
  --color-indigo-950: #11271e !important;
  --color-bg-brand-base: #2f6b52 !important;
  --color-bg-brand-base-hover: #214d3b !important;
}

html[data-color-scheme="light"] {
  --color-text-brand: #2f6b52 !important;
  --color-text-favourite-highlight: #8a6a00 !important;
}
html[data-color-scheme="light"][data-contrast="default"] {
  --color-text-primary: #171918 !important;
  --color-text-secondary: #555c56 !important;
  --color-text-tertiary: #555c56 !important;
  --color-bg-primary: #f7f6f1 !important;
  --color-bg-secondary: #ffffff !important;
  --color-bg-tertiary: #e9ede4 !important;
  --color-border-primary: #d5d9d1 !important;
}

html[data-color-scheme="dark"],
html:not([data-color-scheme]) {
  --color-text-brand: #a6c6b3 !important;
  --color-text-favourite-highlight: #ffdd11 !important;
}
html[data-color-scheme="dark"][data-contrast="default"] {
  --color-text-primary: #f7f6f1 !important;
  --color-text-secondary: #c9cdc5 !important;
  --color-text-tertiary: #a6b0a8 !important;
  --color-bg-primary: #171918 !important;
  --color-bg-secondary: #202621 !important;
  --color-bg-tertiary: #2b342d !important;
  --color-border-primary: #5b645b !important;
}

a:focus-visible, button:focus-visible, input:focus-visible,
textarea:focus-visible, select:focus-visible {
  outline: 3px solid #3e7180;
  outline-offset: 3px;
}