src/pages/Sites/PublishingQueue.tsx:169:        <span className="inline-flex items-center gap-1 px-2 py-1 rounded-full text-xs font-medium bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-300">
src/pages/Sites/PublishingQueue.tsx:176:      <span className="inline-flex items-center gap-1 px-2 py-1 rounded-full text-xs font-medium bg-amber-100 text-amber-700 dark:bg-amber-900 dark:text-amber-300">
src/pages/Sites/PublishingQueue.tsx:231:            <div className="size-10 rounded-lg bg-amber-100 dark:bg-amber-900/30 flex items-center justify-center">
src/pages/Sites/PublishingQueue.tsx:232:              <ClockIcon className="w-5 h-5 text-amber-600" />
src/pages/Sites/PublishingQueue.tsx:242:            <div className="size-10 rounded-lg bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center">
src/pages/Sites/PublishingQueue.tsx:243:              <ArrowRightIcon className="w-5 h-5 text-blue-600" />
src/pages/Sites/PublishingQueue.tsx:253:            <div className="size-10 rounded-lg bg-green-100 dark:bg-green-900/30 flex items-center justify-center">
src/pages/Sites/PublishingQueue.tsx:254:              <CheckCircleIcon className="w-5 h-5 text-green-600" />
src/pages/Sites/PublishingQueue.tsx:264:            <div className="size-10 rounded-lg bg-red-100 dark:bg-red-900/30 flex items-center justify-center">
src/pages/Sites/PublishingQueue.tsx:265:              <TrashBinIcon className="w-5 h-5 text-red-600" />
src/pages/Sites/PublishingQueue.tsx:380:                    className="p-2 text-red-500 hover:text-red-700 dark:text-red-400 dark:hover:text-red-300 rounded-lg hover:bg-red-50 dark:hover:bg-red-900/20"
src/pages/Sites/PublishingQueue.tsx:425:                        className="text-xs p-1 bg-amber-100 dark:bg-amber-900/30 text-amber-800 dark:text-amber-200 rounded truncate cursor-pointer hover:bg-amber-200 dark:hover:bg-amber-900/50"
src/pages/Sites/Dashboard.tsx:347:            <ArrowRightIcon className="h-5 w-5 text-gray-400 group-hover:text-amber-500 transition" />
src/pages/Sites/Settings.tsx:864:                            className="p-2 text-gray-400 hover:text-red-500 transition-colors"
src/pages/Sites/Settings.tsx:891:                <div className="mt-6 p-4 bg-blue-50 dark:bg-blue-900/20 rounded-lg">
src/pages/Sites/Settings.tsx:893:                    <svg className="w-5 h-5 text-blue-600 dark:text-blue-400 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
src/pages/Sites/Settings.tsx:896:                    <div className="text-sm text-blue-800 dark:text-blue-200">
src/pages/Sites/Settings.tsx:898:                      <ul className="list-disc list-inside space-y-1 text-blue-700 dark:text-blue-300">
src/pages/Components.tsx:153:                  className="px-4 py-3 text-sm font-medium text-white rounded-lg bg-blue-light-500 shadow-theme-xs hover:bg-blue-light-600 transition-colors"
src/components/onboarding/steps/Step4AddKeywords.tsx:219:            className="text-red-500 hover:text-red-600"
src/components/onboarding/steps/Step4AddKeywords.tsx:227:      <Card className="p-4 bg-blue-50 dark:bg-blue-900/20 border-blue-200 dark:border-blue-800 mb-6">
src/components/onboarding/steps/Step4AddKeywords.tsx:228:        <h4 className="font-medium text-blue-900 dark:text-blue-100 text-sm mb-2">
src/components/onboarding/steps/Step4AddKeywords.tsx:235:              className="text-xs text-blue-700 dark:text-blue-300 bg-blue-100 dark:bg-blue-800/50 px-2 py-1 rounded"
src/components/onboarding/steps/Step3ConnectIntegration.tsx:219:                ? 'bg-green-100 dark:bg-green-900/50 text-green-600 dark:text-green-400'
src/components/onboarding/steps/Step3ConnectIntegration.tsx:221:                ? 'bg-red-100 dark:bg-red-900/50 text-red-600 dark:text-red-400'
src/components/onboarding/steps/Step5Complete.tsx:60:        <div className="inline-flex items-center justify-center size-20 rounded-full bg-green-100 dark:bg-green-900/50 text-green-600 dark:text-green-400 mb-4">
src/components/onboarding/steps/Step5Complete.tsx:78:            <CheckCircleIcon className="w-4 h-4 text-green-500" />
src/components/onboarding/steps/Step5Complete.tsx:85:              <CheckCircleIcon className="w-4 h-4 text-green-500" />
src/components/onboarding/steps/Step5Complete.tsx:93:              <CheckCircleIcon className="w-4 h-4 text-green-500" />
src/components/onboarding/steps/Step5Complete.tsx:100:            <CheckCircleIcon className="w-4 h-4 text-green-500" />
src/components/onboarding/steps/Step5Complete.tsx:106:            <CheckCircleIcon className="w-4 h-4 text-green-500" />
src/components/onboarding/steps/Step2AddSite.tsx:257:      <Card className="p-4 bg-blue-50 dark:bg-blue-900/20 border-blue-200 dark:border-blue-800 mb-6">
src/components/onboarding/steps/Step2AddSite.tsx:259:          <GridIcon className="w-5 h-5 text-blue-600 dark:text-blue-400 mt-0.5" />
src/components/onboarding/steps/Step2AddSite.tsx:261:            <h4 className="font-medium text-blue-900 dark:text-blue-100 text-sm mb-1">
src/components/onboarding/steps/Step2AddSite.tsx:264:            <ul className="text-xs text-blue-700 dark:text-blue-300 space-y-0.5">
src/components/onboarding/steps/Step2AddSite.tsx:270:            <p className="text-xs text-blue-600 dark:text-blue-400 mt-2">
src/components/onboarding/OnboardingWizard.tsx:233:                        ? 'bg-green-500 text-white'
src/components/onboarding/OnboardingWizard.tsx:249:                          ? 'bg-green-500'
src/components/ui/alert/Alert.tsx:39:        "border-b-2 border-blue-light-500 bg-blue-light-50 dark:border-blue-light-500/30 dark:bg-blue-light-500/15",
src/components/ui/alert/Alert.tsx:40:      icon: "text-blue-light-500",
src/components/ui/alert/AlertModal.tsx:68:        <div className="absolute inset-0 bg-blue-light-100 rounded-full blur-2xl opacity-50" style={{
src/components/ui/alert/AlertModal.tsx:74:        <div className="relative bg-blue-light-500 rounded-full w-16 h-16 flex items-center justify-center shadow-lg">
src/components/ui/alert/AlertModal.tsx:125:    info: 'bg-blue-light-500 hover:bg-blue-light-600 text-white',
src/components/ui/spinner/Spinner.tsx:25:    info: "border-blue-light-200 border-t-blue-light-500",
src/components/ui/progress/ProgressBar.tsx:31:    info: "bg-blue-light-500",
src/components/ui/toast/Toast.tsx:60:          <svg className="w-5 h-5 text-blue-light-500" fill="currentColor" viewBox="0 0 20 20">
src/components/ui/badge/Badge.tsx:58:    solid: "bg-blue-light-500 text-white",
src/components/ui/badge/Badge.tsx:59:    soft: "bg-blue-light-50 text-blue-light-700 dark:bg-blue-light-500/15 dark:text-blue-light-400",
src/components/ui/badge/Badge.tsx:61:      "text-blue-light-700 ring-1 ring-blue-light-200 dark:ring-blue-light-500/30 dark:text-blue-light-400",
