:root {
  --vt-orange: #FF8A3D;
  --vt-pink: #F0466A;
  --vt-gradient: linear-gradient(135deg, #FF8A3D, #F0466A);
  --vt-gradient-deep: linear-gradient(160deg, #FF8A3D, #F0466A 60%, #E0347E);

  --vt-text: #241A20;
  --vt-muted: #8A7E86;
  --vt-muted-2: #A89BA2;
  --vt-border: #EEE4E8;
  --vt-border-2: #F1E7ED;
  --vt-bg: #FBF7F9;
  --vt-bg-mauve: #E7DEE4;
  --vt-bg-sidebar: #F8F3F6;
  --vt-bg-soft: #F6F0F2;
  --vt-white: #ffffff;

  --vt-green: #16A34A;
  --vt-green-bg: #DCFCE7;
  --vt-orange-soft: #FF7A3D;
  --vt-orange-bg: #FDEBDD;
  --vt-pink-bg: #FCE6EC;
  --vt-purple: #7C4DE0;
  --vt-purple-bg: #EDE7FB;
  --vt-blue: #2563EB;
  --vt-blue-bg: #E7F0FF;
  --vt-red: #DC2626;

  --vt-radius-sm: 10px;
  --vt-radius: 14px;
  --vt-radius-lg: 18px;
  --vt-radius-pill: 20px;

  --vt-shadow: 0 4px 18px rgba(36, 26, 32, 0.06);
  --vt-shadow-btn: 0 8px 20px rgba(240, 70, 106, 0.28);
  --vt-shadow-lg: 0 24px 60px -20px rgba(36, 26, 32, 0.35);

  --vt-font: 'Manrope', system-ui, sans-serif;
  --vt-header-h: 72px;
  --vt-sidebar-w: 236px;
  --vt-max: 1180px;
}