/* SMR Service Custom Colors - Tailwind CSS Compatible */

/* Primary Colors */
.bg-primary-50 { background-color: #fef7e0; }
.bg-primary-100 { background-color: #fdecc4; }
.bg-primary-200 { background-color: #fbd978; }
.bg-primary-300 { background-color: #f9c832; }
.bg-primary-400 { background-color: #f7b718; }
.bg-primary-500 { background-color: #D2A000; }
.bg-primary-600 { background-color: #B08600; }
.bg-primary-700 { background-color: #8f6f00; }
.bg-primary-800 { background-color: #6b5300; }
.bg-primary-900 { background-color: #473600; }

.text-primary-50 { color: #fef7e0; }
.text-primary-100 { color: #fdecc4; }
.text-primary-200 { color: #fbd978; }
.text-primary-300 { color: #f9c832; }
.text-primary-400 { color: #f7b718; }
.text-primary-500 { color: #D2A000; }
.text-primary-600 { color: #B08600; }
.text-primary-700 { color: #8f6f00; }
.text-primary-800 { color: #6b5300; }
.text-primary-900 { color: #473600; }

.border-primary-50 { border-color: #fef7e0; }
.border-primary-100 { border-color: #fdecc4; }
.border-primary-200 { border-color: #fbd978; }
.border-primary-300 { border-color: #f9c832; }
.border-primary-400 { border-color: #f7b718; }
.border-primary-500 { border-color: #D2A000; }
.border-primary-600 { border-color: #B08600; }
.border-primary-700 { border-color: #8f6f00; }
.border-primary-800 { border-color: #6b5300; }
.border-primary-900 { border-color: #473600; }

/* Accent Colors */
.bg-accent-50 { background-color: #e6f8fc; }
.bg-accent-100 { background-color: #ccf1f9; }
.bg-accent-400 { background-color: #5cc9df; }
.bg-accent-500 { background-color: #3BBCD9; }
.bg-accent-600 { background-color: #2a9bb5; }

.text-accent-50 { color: #e6f8fc; }
.text-accent-100 { color: #ccf1f9; }
.text-accent-400 { color: #5cc9df; }
.text-accent-500 { color: #3BBCD9; }
.text-accent-600 { color: #2a9bb5; }

.border-accent-50 { border-color: #e6f8fc; }
.border-accent-100 { border-color: #ccf1f9; }
.border-accent-400 { border-color: #5cc9df; }
.border-accent-500 { border-color: #3BBCD9; }
.border-accent-600 { border-color: #2a9bb5; }

/* Hover States */
.hover\:bg-primary-50:hover { background-color: #fef7e0; }
.hover\:bg-primary-100:hover { background-color: #fdecc4; }
.hover\:bg-primary-200:hover { background-color: #fbd978; }
.hover\:bg-primary-300:hover { background-color: #f9c832; }
.hover\:bg-primary-400:hover { background-color: #f7b718; }
.hover\:bg-primary-500:hover { background-color: #D2A000; }
.hover\:bg-primary-600:hover { background-color: #B08600; }
.hover\:bg-primary-700:hover { background-color: #8f6f00; }
.hover\:bg-primary-800:hover { background-color: #6b5300; }
.hover\:bg-primary-900:hover { background-color: #473600; }

.hover\:text-primary-50:hover { color: #fef7e0; }
.hover\:text-primary-100:hover { color: #fdecc4; }
.hover\:text-primary-200:hover { color: #fbd978; }
.hover\:text-primary-300:hover { color: #f9c832; }
.hover\:text-primary-400:hover { color: #f7b718; }
.hover\:text-primary-500:hover { color: #D2A000; }
.hover\:text-primary-600:hover { color: #B08600; }
.hover\:text-primary-700:hover { color: #8f6f00; }
.hover\:text-primary-800:hover { color: #6b5300; }
.hover\:text-primary-900:hover { color: #473600; }

/* Focus States */
.focus\:ring-primary-500:focus { --tw-ring-color: #D2A000; }
.focus\:border-primary-500:focus { border-color: #D2A000; }

/* Gradient Backgrounds */
.bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}

.from-primary-500 {
    --tw-gradient-from: #D2A000;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(210, 160, 0, 0));
}

.to-primary-700 {
    --tw-gradient-to: #8f6f00;
}

.from-primary-50 {
    --tw-gradient-from: #fef7e0;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 247, 224, 0));
}

.to-primary-100 {
    --tw-gradient-to: #fdecc4;
}

.from-blue-50 {
    --tw-gradient-from: #eff6ff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
}

.to-blue-100 {
    --tw-gradient-to: #dbeafe;
}

.from-green-50 {
    --tw-gradient-from: #f0fdf4;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(240, 253, 244, 0));
}

.to-green-100 {
    --tw-gradient-to: #dcfce7;
}

.from-red-50 {
    --tw-gradient-from: #fef2f2;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
}

.to-red-100 {
    --tw-gradient-to: #fee2e2;
}

.from-orange-50 {
    --tw-gradient-from: #fff7ed;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 247, 237, 0));
}

.to-orange-100 {
    --tw-gradient-to: #fed7aa;
}

/* Orange Colors */
.text-orange-600 { color: #ea580c; }
.bg-orange-600 { background-color: #ea580c; }
.border-orange-600 { border-color: #ea580c; }