:root {
  --font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-md: 1rem;
  --font-size-lg: 1.25rem;
  --font-size-xl: 1.5rem;
  --line-height-tight: 1.25;
  --line-height-body: 1.45;
  --font-weight-regular: 400;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-8: 3rem;

  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;

  --border-subtle: #d9dde3;
  --border-strong: #b7bec8;

  --surface-app: #eef1f5;
  --surface-rail: #1f2a37;
  --surface-panel: #ffffff;
  --surface-muted: #f5f7fa;
  --surface-hover: #e8eef6;

  --text-primary: #15202b;
  --text-secondary: #4b5563;
  --text-inverse: #f8fafc;
  --text-muted: #6b7280;
  --text-link: #0b5cab;

  --semantic-info: #0b5cab;
  --semantic-success: #0f7b3a;
  --semantic-warning: #9a6700;
  --semantic-danger: #b42318;
  --semantic-overdue-bg: #fdecea;
  --semantic-open-bg: #e8f1fb;
  --semantic-won-bg: #e8f6ee;

  --focus-ring: 0 0 0 3px rgba(11, 92, 171, 0.45);
  --elevation-1: 0 1px 2px rgba(21, 32, 43, 0.06);

  --nav-width: 220px;
  --command-bar-height: 2.5rem;
  --table-row-height: 2.75rem;
  --control-height: 2.25rem;
  --transition-fast: 120ms ease;
}