:root {
  --color-primary: #e63b32;
  --color-primary-hover: #cf3028;
  --color-primary-soft: #fff0ef;

  --color-sidebar: #151922;
  --color-bg: #f5f6f8;
  --color-bg-soft: #fafbfc;

  --color-text: #17191f;
  --color-text-muted: #6b7280;
  --color-text-subtle: #8b93a1;

  --color-border: #e5e7eb;
  --color-border-soft: #eef0f3;
  --color-border-strong: #cfd4dc;

  --sidebar-width: 252px;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;

  --shadow-sm: 0 8px 24px rgba(15, 23, 42, .04);
}