:root {
  color-scheme: light;
  --color-scheme: light;
  --bg-main: #f5f5f5;
  --bg-card: #fff;
  --bg-sidebar: #fff;
  --bg-input: #fff;
  --bg-hover: #f9f9f9;
  --bg-active: #f0f5ff;
  --bg-badge: #f5f5f5;
  --bg-tooltip: #333;

  --text-primary: #333;
  --text-secondary: #555;
  --text-muted: #888;
  --text-faint: #999;
  --text-inverse: #fff;

  --border-main: #e8e8e8;
  --border-light: #eee;
  --border-input: #ddd;
  --border-button: #e0e0e0;

  --primary: #003893;
  --primary-light: #f0f5ff;
  --primary-hover: #002a6e;

  --success: #16A34A;
  --success-bg: #e8f5e9;
  --success-border: #c8e6c9;
  --success-dark: #2e7d32;

  --error: #e53935;
  --error-bg: #fef2f2;
  --error-text: #d32f2f;

  --warning: #D97706;
  --warning-bg: #fffbeb;

  --info: #2563EB;
  --info-bg: #eff6ff;

  --shadow-card: 0 1px 4px rgba(0,0,0,0.06);
  --shadow-modal: 0 8px 32px rgba(0,0,0,0.18);

  /* location colors */
  --loc-office: #16A34A;
  --loc-office-bg: #f0fdf4;
  --loc-home: #2563EB;
  --loc-home-bg: #eff6ff;
  --loc-travel: #D97706;
  --loc-travel-bg: #fffbeb;

  /* stamp status */
  --stamp-in: #4caf50;
  --stamp-in-bg: #e8f5e9;
  --stamp-in-border: #c8e6c9;
  --stamp-out: #9e9e9e;
  --stamp-out-bg: #f5f5f5;
  --stamp-out-border: #e0e0e0;

  /* table */
  --table-header-bg: #f8f8f8;
  --table-row-hover: #f8faff;
  --table-stripe: #fafafa;
}

[data-theme="dark"] {
  color-scheme: dark;
  --color-scheme: dark;
  --bg-main: #121218;
  --bg-card: #1e1e2a;
  --bg-sidebar: #181822;
  --bg-input: #252532;
  --bg-hover: #2a2a3a;
  --bg-active: #1a2544;
  --bg-badge: #252532;
  --bg-tooltip: #444;

  --text-primary: #e4e4e8;
  --text-secondary: #b0b0b8;
  --text-muted: #888890;
  --text-faint: #66666e;
  --text-inverse: #fff;

  --border-main: #2e2e3e;
  --border-light: #282838;
  --border-input: #3a3a4a;
  --border-button: #3a3a4a;

  --primary: #4a7fd4;
  --primary-light: #1a2544;
  --primary-hover: #6090e0;

  --success: #34d058;
  --success-bg: #162b1a;
  --success-border: #1e3a22;
  --success-dark: #34d058;

  --error: #f87171;
  --error-bg: #2d1a1a;
  --error-text: #f87171;

  --warning: #fbbf24;
  --warning-bg: #2d2510;

  --info: #60a5fa;
  --info-bg: #1a2544;

  --shadow-card: 0 1px 4px rgba(0,0,0,0.3);
  --shadow-modal: 0 8px 32px rgba(0,0,0,0.5);

  --loc-office: #34d058;
  --loc-office-bg: #162b1a;
  --loc-home: #60a5fa;
  --loc-home-bg: #1a2544;
  --loc-travel: #fbbf24;
  --loc-travel-bg: #2d2510;

  --stamp-in: #34d058;
  --stamp-in-bg: #162b1a;
  --stamp-in-border: #1e3a22;
  --stamp-out: #666;
  --stamp-out-bg: #252532;
  --stamp-out-border: #3a3a4a;

  --table-header-bg: #252532;
  --table-row-hover: #1a2544;
  --table-stripe: #1c1c28;
}

.tm-num {
  font-family: 'DM Sans', system-ui, sans-serif;
  font-variant-numeric: tabular-nums;
}