:root {
  --abt-white: #ffffff;
  --abt-page: #f6f7f8;
  --abt-card: #ffffff;
  --abt-text: #222222;
  --abt-muted: #68736f;
  --abt-soft: #9aa39f;
  --abt-border: #e8ece9;
  --abt-sidebar: #1d2226;
  --abt-sidebar-hover: #2a3035;
  --abt-green: #16853a;
  --abt-green-dark: #0f6b2e;
  --abt-green-soft: #eaf6ee;
  --abt-purple: #76206f;
  --abt-purple-soft: #f4edf4;
  --abt-amber: #d79618;
  --abt-amber-soft: #fff6df;
  --shadow-card: 0 12px 30px rgba(31, 36, 40, 0.07);
  --shadow-soft: 0 5px 16px rgba(31, 36, 40, 0.05);
  --radius-lg: 14px;
  --radius-md: 12px;
  --radius-sm: 9px;
  --sidebar-width: 210px;
  --topbar-height: 58px;
  --gap: 14px;
  --font-main: "Segoe UI", Arial, sans-serif;
}