/**
 * Naa Sika site theme — refined palette (from /preview).
 * Neutral-first accents; vivid service icons on home.
 */

.glow-effect::before,
.glow-effect:hover::before {
    opacity: 0 !important;
}

.shadcn-card:hover {
    border-color: rgba(255, 255, 255, 0.35);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.hover\:text-white:hover {
    color: rgb(255, 255, 255) !important;
}

.icon-wrapper:hover {
    border-color: rgba(255, 255, 255, 0.25);
    background: rgba(255, 255, 255, 0.06);
}

#services .icon-wrapper.bg-green-900 { background-color: rgb(20, 83, 45) !important; }
#services .icon-wrapper.bg-blue-900 { background-color: rgb(30, 58, 138) !important; }
#services .icon-wrapper.bg-purple-900 { background-color: rgb(88, 28, 135) !important; }
#services .icon-wrapper.bg-yellow-900 { background-color: rgb(113, 63, 18) !important; }
#services .icon-wrapper.bg-red-900 { background-color: rgb(127, 29, 29) !important; }
#services .icon-wrapper.bg-teal-900 { background-color: rgb(19, 78, 74) !important; }

#services .icon-wrapper .text-green-400 { color: rgb(74, 222, 128) !important; }
#services .icon-wrapper .text-blue-400 { color: rgb(96, 165, 250) !important; }
#services .icon-wrapper .text-purple-400 { color: rgb(192, 132, 252) !important; }
#services .icon-wrapper .text-yellow-400 { color: rgb(250, 204, 21) !important; }
#services .icon-wrapper .text-red-400 { color: rgb(248, 113, 113) !important; }
#services .icon-wrapper .text-teal-400 { color: rgb(45, 212, 191) !important; }

#services .icon-wrapper:hover {
    filter: brightness(1.12);
    background-color: inherit;
}

.text-orange-500:not(#services .icon-wrapper .text-orange-500),
.text-orange-400,
.text-orange-300 {
    color: rgb(156, 163, 175);
}

h1 .text-amber-400 {
    color: rgb(251, 191, 36);
    font-weight: 700;
}

.bg-orange-900:not(#services .bg-orange-900),
.bg-orange-950,
.bg-orange-500:not(.shadcn-badge) {
    background-color: rgb(55, 65, 81);
}

[class*="border-orange"] {
    border-color: rgba(255, 255, 255, 0.1);
}

a.shadcn-button.bg-orange-600,
button.bg-orange-600,
.inline-flex.bg-orange-600,
.shadcn-button.bg-orange-600,
.bg-orange-600.hover\:bg-orange-500 {
    background-color: rgb(55, 65, 81);
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.bg-orange-600:hover {
    background-color: rgb(75, 85, 99);
}

.gradient-bg {
    background: linear-gradient(160deg, #1f2937 0%, #111827 100%) !important;
}

.text-orange-100 {
    color: rgb(209, 213, 219);
}

.slogan-text {
    color: rgb(229, 231, 235);
}

#services .shadcn-card .text-orange-500.font-semibold,
.shadcn-card .text-orange-500.font-semibold {
    color: rgb(156, 163, 175);
}

.bg-gradient-to-r.from-purple-600.to-orange-500,
.bg-gradient-to-br.from-purple-600.to-orange-500,
.bg-gradient-to-r.from-purple-600.to-orange-600,
.bg-gradient-to-br.from-purple-600.to-orange-600,
.bg-gradient-to-br.from-purple-900.to-orange-900,
.bg-gradient-to-r.from-purple-900.to-orange-900,
.bg-gradient-to-br.from-purple-900.via-gray-900.to-orange-900,
.bg-gradient-to-r.from-purple-900.to-blue-900 {
    background: linear-gradient(160deg, #1f2937 0%, #111827 100%) !important;
}

.border-purple-700,
.border-purple-500 {
    border-color: rgba(255, 255, 255, 0.12) !important;
}

.bg-purple-900,
.from-purple-900,
.to-purple-900 {
    --tw-gradient-from: #1f2937 !important;
    --tw-gradient-to: #111827 !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.bg-purple-600,
.bg-purple-900 {
    background-color: rgb(55, 65, 81) !important;
}

.bg-purple-600\/20 {
    background-color: rgba(255, 255, 255, 0.04) !important;
}

.from-orange-500\/25,
[class*="from-orange-500"] {
    --tw-gradient-from: rgba(255, 255, 255, 0.04) !important;
    --tw-gradient-to: rgba(255, 255, 255, 0.02) !important;
}

.from-orange-600,
.to-orange-500,
.from-orange-500 {
    --tw-gradient-from: #4b5563 !important;
    --tw-gradient-to: #374151 !important;
}

.bg-gradient-to-br.from-orange-600,
.bg-gradient-to-br.from-orange-500,
.bg-gradient-to-r.from-orange-600 {
    background: rgb(55, 65, 81) !important;
}

blockquote,
.prose blockquote {
    border-left-color: rgba(255, 255, 255, 0.25) !important;
}