:root {
  --ui-primary: #2C3138;
  --ui-primary-rgb: 44, 49, 56;
  --ui-on-primary: #FFFFFF;
  --ui-on-primary-rgb: 255, 255, 255;
  --ui-primary-hover: #454A50;
  --ui-primary-active: #565A60;
  --ui-primary-border: #52565C;
  --ui-primary-soft: #E6E6E7;
  --ui-primary-muted: #A6A8AB;
  --ui-login-cover-image: url("https://bongwoo.me/assets/images/login_cover.jpg");
  --app-header-bg: var(--ui-primary);
  --app-header-border: var(--ui-primary-border);
  --app-header-text: var(--ui-on-primary);
  --app-header-muted: var(--ui-primary-muted);
  --app-sidebar-bg: var(--ui-primary);
  --app-sidebar-bg-hover: var(--ui-primary-hover);
  --app-sidebar-bg-active: var(--ui-primary-active);
  --app-sidebar-border: var(--ui-primary-border);
  --app-sidebar-text: var(--ui-on-primary);
  --app-sidebar-text-muted: var(--ui-primary-muted);
}