:root {
  --color-primary: #111111;
  --color-primary-hover: #333333;

  --color-background: #f7f7f7;
  --color-surface: #ffffff;
  --color-border: #cccccc;

  --color-text: #111111;
  --color-text-muted: #666666;

  --color-success: #111111;
  --color-success-background: #f0f0f0;

  --color-danger: #333333;
  --color-danger-background: #f0f0f0;

  --color-warning: #444444;
  --color-warning-background: #f5f5f5;

  --sidebar-width: 240px;
  --header-height: 56px;

  --radius-small: 4px;
  --radius-medium: 6px;

  --shadow-small: 0 1px 2px rgba(0, 0, 0, 0.05);
}