:root {
  /* Brand */
  --color-primary: #2563eb;
  --color-primary-hover: #1d4ed8;

  /* Status */
  --color-success: #22c55e;
  --color-danger: #ef4444;

  /* Background */
  --color-background: #f8fafc;
  --color-surface: #ffffff;

  /* Text */
  --color-text: #1f2937;
  --color-text-muted: #6b7280;

  /* Border */
  --color-border: #e5e7eb;

  /* Radius */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;

  /* Shadow */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 6px 18px rgba(0, 0, 0, 0.08);

  /* Spacing */
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;
}