:root {
  --bg: #fff;
  --fg: #222;
  --primary-light: #01695d;
  --primary-text-light: #c2c0c0;
  --primary-dark: #e09119;
  --primary-text-dark: #000; 
  --card-bg: #f9f9f9;
  --card-shadow: rgba(0, 0, 0, .1);
  --table-border: rgba(0, 0, 0, .08);
  --primary: var(--primary-light);
  --primary-text: var(--primary-text-light);

  /* konfigurierbar (Defaultwerte) */
  --empty-bg: #6c6c6c;
  --empty-fg: #f0f0f0;
  --filled-bg: #4abf9a;
  --filled-fg: #e6fff2;
  --home-bg: #4a9ad8;
  --holiday-bg: #738fde;
  --vacation-bg: #5b8fe0;
  --sick-bg: #d95c91;
  --glaz-bg: #5b90e1;

  --segment-work-bg: #0b2a68;
  --segment-travel-bg: #2f2f35;
  --segment-pause-bg: #0f3f2a;
  --segment-private-bg: #4a185f;

  --modal-surface: color-mix(in srgb, var(--bg) 92%, #ffffff 8%);
  --modal-border: var(--primary);

  --compliance-critical: #b3261e;

  --badge-bg: #eee;
  --badge-fg: #333;

  --not-recorded-font-size: 0.75rem;
  --month-icon-scale: 1;
  --year-icon-scale: 1;
  --month-icon-base-size: 0.8rem;
  --year-icon-base-size: 0.7rem;
  --month-day-font-size: 1.15rem;
  --year-day-font-size: 0.95rem;
  --tile-border-radius: 1.05rem;
  --saldo-positive: #1b5e20;
  --saldo-negative: #c62828;

  --dow-label-light: #6f7a8c;
  --dow-label-dark: #9aa7c5;
  --dow-label: var(--dow-label-light);

  --glass-shadow: 0 8px 18px rgba(15, 23, 42, .18);
  --tile-empty-gradient: linear-gradient(135deg, #6c6c6c 0%, #434343 50%, #1f1f1f 100%);
  --tile-empty-border: #9d9d9d;
  --tile-empty-text: #f7f7f7;
  --tile-work-gradient: linear-gradient(135deg, #4abf9a 0%, #1b7a5a 50%, #0c3f2b 100%);
  --tile-work-border: #8fe2c6;
  --tile-work-text: #e6fff2;
  --tile-home-gradient: linear-gradient(135deg, #4a9ad8 0%, #24669e 50%, #103457 100%);
  --tile-home-border: #92c6f0;
  --tile-home-text: #e6f3ff;
  --tile-vacation-gradient: linear-gradient(135deg, #5b8fe0 0%, #2d63b8 50%, #17356d 100%);
  --tile-vacation-border: #a2c0f5;
  --tile-vacation-text: #ffffff;
  --tile-sick-gradient: linear-gradient(135deg, #d95c91 0%, #9c2f53 50%, #5b1530 100%);
  --tile-sick-border: #f4b5ce;
  --tile-sick-text: #ffffff;
  --tile-holiday-gradient: linear-gradient(135deg, #738fde 0%, #394c9e 50%, #1f2a5f 100%);
  --tile-holiday-border: #b2c3f2;
  --tile-holiday-text: #ffffff;
  --tile-glaz-gradient: linear-gradient(135deg, #5b90e1 0%, #2c559d 50%, #152d61 100%);
  --tile-glaz-border: #adc7f6;
  --tile-glaz-text: #ffffff;
}

.dark {
  --bg: #121212;
  --fg: #e0e0e0;
  --primary: var(--primary-dark);
  --primary-text: var(--primary-text-dark);
  --card-bg: #1e1e1e;
  --card-shadow: rgba(0, 0, 0, .5);
  --table-border: rgba(255, 255, 255, .08);
  --badge-bg: #2a2a2a;
  --badge-fg: #ddd;
  --dow-label: var(--dow-label-dark);
  --glass-shadow: 0 10px 22px rgba(0, 0, 0, .42);
  --modal-surface: color-mix(in srgb, var(--bg) 88%, #ffffff 12%);
}