:root {
  --primary: #000000;
  --primary-dark: #000000;
  --primary-light: #f5f5f5;
  --secondary: #4f46e5;
  --secondary-dark: #4338ca;
  --secondary-light: #eef2ff;
  --text-dark: #000000;
  --text-medium: #525252;
  --text-light: #a3a3a3;
  --bg-white: #ffffff;
  --bg-gray: #fafafa;
  --bg-gray-light: #f5f5f5;
  --border-gray: #e5e5e5;
  --border-dark: #e5e5e5;
  --border-radius: 5px;
  --border-radius-lg: 12px;
  --transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}

.primary {
  color: var(--primary);
}

.secondary {
  color: var(--secondary);
}