:root {
  --bg: #f8fafc;
  --bg-soft: #f1f5f9;
  --surface: #ffffff;
  --surface-2: #f8fafc;
  --surface-3: #f1f5f9;
  --border: #e2e8f0;
  --border-soft: #f1f5f9;
  --border-hard: #cbd5e1;
  --divider: #e2e8f0;
  --primary: #0f172a;
  --sidebar-active-bg: #0f172a;
  --accent: #0f172a;
  --sage-900: #0b101e;
  --sage-700: #0f172a;
  --sage-600: #243866;
  --sage-500: #355195;
  --sage-300: #a6b0c9;
  --sage-100: #dbe0eb;
  --sage-50: #e8ebf3;
  --sage-tint: #f2f4f8;
  --sage-900-rgb: 11, 16, 30;
  --sage-700-rgb: 15, 23, 42;
  --sage-500-rgb: 53, 81, 149;
}