/* DrueckjagdApp.de · Farbschema v1 · 27.09.2026 */
:root {
  color-scheme: light;
  --dja-brand-orange: #FF701F;
  --dja-brand-forest: #183D32;
  --dja-brand-olive: #6D7451;
  --dja-brand-offwhite: #F5F3EC;
  --dja-brand-white: #FFFFFF;
  --dja-brand-ink: #202A25;
  --dja-action-primary-bg: #FF701F;
  --dja-action-primary-text: #202A25;
  --dja-action-primary-hover: #F56612;
  --dja-action-primary-pressed: #F36510;
  --dja-action-primary-border: #202A25;
  --dja-header-bg: #FFFFFF;
  --dja-header-text: #183D32;
  --dja-background: #F5F3EC;
  --dja-surface: #FFFFFF;
  --dja-text: #202A25;
  --dja-text-muted: #58645D;
  --dja-border: #D8DED6;
  --dja-control-border: #78847B;
  --dja-link: #183D32;
  --dja-selected-bg: #E8EEE7;
  --dja-selected-text: #183D32;
  --dja-success: #256441;
  --dja-success-bg: #E8F3E9;
  --dja-warning: #875900;
  --dja-warning-bg: #FFF0CC;
  --dja-info: #245B82;
  --dja-info-bg: #EAF3F9;
  --dja-error: #B42318;
  --dja-error-bg: #FDEDEB;
  --dja-focus: #183D32;
}
[data-theme="dark"] {
  color-scheme: dark;
  --dja-header-bg: #183D32;
  --dja-header-text: #FFFFFF;
  --dja-background: #111B16;
  --dja-surface: #1B2A22;
  --dja-text: #F5F3EC;
  --dja-text-muted: #B5C1B8;
  --dja-border: #394B40;
  --dja-control-border: #87988B;
  --dja-link: #A6C5AF;
  --dja-selected-bg: #293C30;
  --dja-selected-text: #A6C5AF;
  --dja-success: #99D9AA;
  --dja-success-bg: #173825;
  --dja-warning: #F1CB76;
  --dja-warning-bg: #3A2D12;
  --dja-info: #9BCEE9;
  --dja-info-bg: #183343;
  --dja-error: #FFB4A9;
  --dja-error-bg: #44231F;
  --dja-focus: #FF701F;
}
/* Set data-theme on the root element. Use a two-color focus indicator on mixed surfaces. */