/**
 * UrIS-TKDV — Zentrale Farbpalette
 *
 * Änderungen der :root-Variablen wirken sich auf die gesamte App aus.
 * Diese Datei MUSS vor allen anderen projekt-eigenen CSS-Dateien
 * (search.css / view.css / static-page.css / main-menu.css / theme.css)
 * eingebunden werden.
 *
 * Breakpoint-Konvention (zur Orientierung; nicht als CSS-Variable nutzbar):
 *   Mobile/Tablet: max-width 1349px
 *   Desktop:       min-width 1350px
 */
:root {
  /* ---------- Core Palette (12) ---------- */
  --color-brand-navy:        #1e2d5a;
  --color-primary:           #2563eb;
  --color-primary-hover:     #1d4ed8;
  --color-secondary:         #5a6e91;
  --color-secondary-hover:   #4d6283;
  --color-text:              #1e293b;
  --color-text-muted:        #475569;
  --color-border:            #cdd5e0;
  --color-bg-page:           #f4f7fc;
  --color-bg-surface:        #edf1f8;
  --color-bg-surface-alt:    #e3eaf5;
  --color-white:             #ffffff;

  /* ---------- Supporting (States & Akzente) ---------- */
  --color-border-elevated:   #cfd8e6;
  --color-text-subtle:       #475569;
  --color-text-disabled:     #94a3b8;
  --color-disabled-bg:       #cbd5e1;
  --color-disabled-fg:       #475569;
  --color-disabled-badge-bg: #e2e8f0;
  --color-tab-badge-bg:      #e8eef7;
  --color-row-bg:            #f7f9fc;
  --color-focus-bg:          #eef3fb;
  --color-focus-border:      #a8bde4;
  --color-chip-bg:           #eff6ff;
  --color-chip-border:       #bfdbfe;
  --color-print-header-bg:   #f0f0f0;
  --color-print-alert-bg:    #f8f8f8;

  /* ---------- RGB-Triplets für rgba() ---------- */
  --rgb-brand-navy:    30, 45, 90;
  --rgb-primary:       37, 99, 235;
  --rgb-slate-shadow:  148, 163, 184;
  --rgb-black:         0, 0, 0;
  --rgb-white:         255, 255, 255;
}
