:root {
  /* Brand */
  --color-primary: #02535f;
  --color-primary-dark: #013f48;
  --color-surface: #ffffff;
  --color-background: #f4f6f7;
  --color-text: #172126;
  --color-muted: #66737a;
  --color-border: #dfe5e8;

  /* Status */
  --color-urgent: #c7392f;
  --color-high: #e67e22;
  --color-normal: #2f8a45;
  --color-low: #65747c;

  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;

  /* Shape */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-pill: 999px;

  /* Effects */
  --shadow-card: 0 2px 8px rgba(20, 35, 40, 0.12);
  --shadow-card-hover: 0 8px 20px rgba(20, 35, 40, 0.16);

  /* Layout */
  --content-width: 1100px;
}