/* Betriebshelfer KI — Color tokens */

:root {
  /* ── Brand palette ────────────────────────────────── */
  --color-navy:         #062B49;
  --color-navy-light:   #0D3D68;
  --color-navy-dark:    #041E33;
  --color-orange:       #FF7A00;
  --color-orange-hover: #E86C00;
  --color-orange-light: #FFB366;
  --color-sage:         #7FA37A;
  --color-sage-light:   #A8C5A3;
  --color-sage-dark:    #5C7B57;
  --color-offwhite:     #F7F3EA;
  --color-offwhite-dark:#EDE8DC;
  --color-ink:          #101820;
  --color-ink-muted:    #3A4A58;
  --color-white:        #FFFFFF;

  /* ── Semantic aliases ────────────────────────────── */
  --color-bg:           var(--color-offwhite);
  --color-bg-inverse:   var(--color-navy);
  --color-surface:      var(--color-white);
  --color-surface-muted:var(--color-offwhite);
  --color-text:         var(--color-ink);
  --color-text-muted:   var(--color-ink-muted);
  --color-text-inverse: var(--color-white);
  --color-text-accent:  var(--color-orange);
  --color-border:       var(--color-offwhite-dark);
  --color-primary:      var(--color-navy);
  --color-cta:          var(--color-orange);
  --color-cta-hover:    var(--color-orange-hover);
  --color-secondary:    var(--color-sage);
}