/* SmartMigrate Brand Colors - Extracted from brand-assets */
:root {
  --smartmigrate-primary: #ff6b35;
  --smartmigrate-primary-hover: #e85a2e;
  --smartmigrate-primary-bg: #fff4f0;
  --smartmigrate-primary-bg-hover: #ffdbcc;
  --smartmigrate-secondary: #ffab00;
  --smartmigrate-success: #22c55e;
  --smartmigrate-error: #ff5252;
  --smartmigrate-gray-50: #f8fafc;
  --smartmigrate-gray-100: #f1f5f9;
  --smartmigrate-gray-200: #e2e8f0;
  --smartmigrate-gray-300: #cbd5e1;
  --smartmigrate-gray-400: #94a3b8;
  --smartmigrate-gray-500: #64748b;
  --smartmigrate-gray-600: #475569;
  --smartmigrate-gray-700: #334155;
  --smartmigrate-gray-800: #1e293b;
  --smartmigrate-gray-900: #0f172a;
  --smartmigrate-gradient-primary: linear-gradient(
    135deg,
    #ff6b35 0%,
    #ffab00 100%
  );
}

.smartmigrate-gradient-text {
  background: var(--smartmigrate-gradient-primary);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.smartmigrate-btn-primary {
  background-color: var(--smartmigrate-primary);
  color: #fff;
}

.smartmigrate-btn-secondary {
  background-color: transparent;
  color: var(--smartmigrate-primary);
  border: 2px solid var(--smartmigrate-primary);
}