:root {
  
  --app-canvas:        #F5F5F5;   
  --surface:           #FFFFFF;   
  --surface-alt:       #FAFAFA;   
  --surface-hover:     #F0F0F0;   
  --surface-selected:  #EBF3FC;   
  
  --stroke:            #E0E0E0;   
  --divider:           #EDEBE9;   
  --stroke-control:    #ADADAD;   
  
  --text-primary:      #242424;
  --text-secondary:    #616161;   
  --text-tertiary:     #909090;   
  
  --accent:            #0F6CBD;
  --accent-hover:      #115EA3;
  --success:           #107C10;
  --warning-fg:        #BC4B09;
  --warning-bg:        #FFF4CE;
  
  --viz-1: #0F6CBD;  --viz-2: #8764B8;  --viz-3: #038387;
  --viz-4: #CA5010;  --viz-5: #4F6BED;  --viz-6: #986F0B;
  
  --radius-sm: 4px;  --radius-md: 6px;  --radius-pill: 16px;
  --shadow-menu: 0 8px 20px rgba(0,0,0,0.14);
  --shadow-tile-hover: 0 2px 6px rgba(0,0,0,0.10);
  
  --nav-w: 260px;        --nav-w-collapsed: 48px;
  --appbar-h: 52px;      --filterbar-h: 52px;
  --colhead-h: 40px;     --row-h: 44px;  --row-h-compact: 36px;
  --navitem-h: 36px;     --details-w: 300px;
  --content-pad: 24px;
  
  --font-ui: "Segoe UI", "Segoe UI Web (West European)", system-ui, sans-serif;
  --font-num: Consolas, "SFMono-Regular", monospace;
}


:root {
  --ds-canvas:  var(--app-canvas);
  --ds-surface: var(--surface);
  --ds-bg:      var(--surface-alt);
  --ds-line:    var(--stroke);
  --ds-line2:   var(--divider);
  --ds-ink:     var(--text-primary);
  --ds-ink2:    var(--text-secondary);
  --ds-muted:   var(--text-secondary);
  --ds-muted2:  var(--text-tertiary);
  --ds-accent:  var(--accent);

  
  --od-brand:       var(--accent);
  --od-brand-hover: var(--accent-hover);
  --od-brand-soft:  var(--surface-selected);
  --od-brand-soft2: var(--surface-hover);
  --od-appbar-h:    var(--appbar-h);
}


body { font-family: var(--font-ui); background: var(--app-canvas); }


.ds-num, .od-nav-count, .od-fact-value, .ds-table td.ds-num {
  font-family: var(--font-num); font-variant-numeric: tabular-nums;
}


:root[data-theme="dark"] {
  
  color-scheme: dark;

  
  --app-canvas:        #1B1B1B;
  --surface:           #242424;
  --surface-alt:       #2E2E2E;
  --surface-hover:     #383838;
  --surface-selected:  #0F3A5F;
  
  --stroke:            #3D3D3D;
  --divider:           #333333;
  --stroke-control:    #6B6B6B;
  
  --text-primary:      #F2F2F2;
  --text-secondary:    #C6C6C6;
  --text-tertiary:     #9A9A9A;
  
  --accent:            #479EF5;
  --accent-hover:      #6CB8F6;
  --success:           #5EC75E;
  --warning-fg:        #FFC069;
  --warning-bg:        #3D2E0A;
  
  --viz-1: #479EF5;  --viz-2: #B18FDE;  --viz-3: #3BB8BC;
  --viz-4: #F08A4B;  --viz-5: #8C9CF5;  --viz-6: #D4A73B;
  
  --shadow-menu:       0 8px 20px rgba(0,0,0,.55);
  --shadow-tile-hover: 0 2px 6px rgba(0,0,0,.45);

  
  --ds-canvas:  var(--app-canvas);
  --ds-surface: var(--surface);
  --ds-bg:      var(--surface-alt);
  --ds-line:    var(--stroke);
  --ds-line2:   var(--divider);
  --ds-ink:     var(--text-primary);
  --ds-ink2:    var(--text-secondary);
  --ds-muted:   var(--text-secondary);
  --ds-muted2:  var(--text-tertiary);
  --ds-accent:  var(--accent);

  --od-brand:       var(--accent);
  --od-brand-hover: var(--accent-hover);
  --od-brand-press: #2886DE;
  --od-brand-soft:  #10314D;   
  --od-brand-soft2: #16406B;

  
  --ds-ok:       #54C263;
  --ds-ok-soft:  #7FD98A;
  --ds-bad:      #E4626C;
  --ds-warn:     #DFA53A;
  --ds-ok-bg:    #14301B;
  --ds-bad-bg:   #38191C;
  --ds-warn-bg:  #33290E;

  
  --grid-line: #333333;

  
  
  --appbar-tint:      rgba(255,255,255,.10);
  --appbar-tint-2:    rgba(255,255,255,.16);
  --chrome-bg:        var(--app-canvas);   
  --brand-fill:       #115EA3;   
  --brand-fill-hover: #1A76CC;
  --on-brand-fill:    #FFFFFF;
  --on-chroma:        #10161C;   
  --solid-bg:         #3F3F3F;   
  --skeleton-hi:      #333333;
  --chip-bg:          #2E2E2E;
  --chip-bg-hover:    #3A3A3A;
  
  --surface-fade:     rgba(36,36,36,0);

  
  --dom-faktury:        #7FA6E8;
  --dom-finanzen:       #58BC85;
  --dom-fixkosten:      #E0B458;
  --dom-steuern:        #E8807A;
  --dom-firmenstruktur: #A78FE8;
  --dom-kredite:        #4FB8D4;
  --dom-cashflow:       #D77FD4;
  --dom-creditreform:   #E884B4;
  --dom-photo:          #A3C468;
  --dom-opos:           #E8A06B;
  --dom-unassigned:     #B296D1;
}