
/* SleekVPS shared public-site theme: applies across marketing, auth, blog, and legal pages. */
:root { --sv-paper:#f5f3ee; --sv-white:#fffdf8; --sv-ink:#18221d; --sv-navy:#24342d; --sv-sage:#3f5f52; --sv-sage-dark:#304b3f; --sv-sage-soft:#e8efe9; --sv-copper:#c17a45; --sv-rule:#d8dfd8; }
body.bg-gray-950, body.bg-slate-950 { background-color:var(--sv-ink) !important; }
body.bg-white, body.bg-slate-50, body.bg-gray-50 { background-color:var(--sv-white) !important; }
.gradient-bg { background-color:var(--sv-ink) !important; }
[class*="radial-gradient"] { background-image:none !important; }
[style*="37, 99, 235"], [style*="59, 130, 246"], [style*="12, 22, 39"] { background-image:none !important; background-color:transparent !important; }
[class*="from-blue-"], [class*="to-blue-"], [class*="from-indigo-"], [class*="to-indigo-"], [class*="from-secondary"], [class*="to-primary"] { background-image:none !important; }
.bg-blue-500, .bg-blue-600, .bg-blue-700, .bg-primary { background-color:var(--sv-sage) !important; }
.bg-blue-50, .bg-blue-100, .bg-blue-50\/60 { background-color:var(--sv-sage-soft) !important; }
.text-blue-100, .text-blue-200, .text-blue-300, .text-blue-400, .text-blue-500, .text-blue-600, .text-blue-700, .text-primary { color:var(--sv-sage) !important; }
.text-blue-100, .text-blue-200, .text-blue-300, .text-blue-400 { color:#b9cdbd !important; }
.border-blue-100, .border-blue-200, .border-blue-500, .border-blue-600 { border-color:#b9cdbd !important; }
.hover\:bg-blue-500:hover, .hover\:bg-blue-600:hover, .hover\:bg-blue-700:hover { background-color:var(--sv-sage-dark) !important; }
.hover\:text-blue-600:hover, .hover\:text-blue-700:hover { color:var(--sv-sage-dark) !important; }
a.bg-blue-600, a.bg-blue-500, button.bg-blue-600, button.bg-blue-500 { background-color:var(--sv-copper) !important; color:var(--sv-ink) !important; }
a.bg-blue-600:hover, a.bg-blue-500:hover, button.bg-blue-600:hover, button.bg-blue-500:hover { background-color:#d18a51 !important; }
a.bg-gradient-to-r, button.bg-gradient-to-r { background-color:var(--sv-copper) !important; color:var(--sv-ink) !important; background-image:none !important; }
a.bg-gradient-to-r:hover, button.bg-gradient-to-r:hover { background-color:#d18a51 !important; }
.rounded-3xl { border-radius:10px !important; }
.rounded-2xl { border-radius:8px !important; }
.rounded-xl { border-radius:6px !important; }

/* Application surfaces use the same brand system while preserving dashboard behavior. */
body { color-scheme: light; }
body.bg-gray-950, body.bg-slate-950, body.bg-ink { background-color:var(--sv-ink) !important; }
.bg-gray-900, .bg-slate-900 { background-color:var(--sv-navy) !important; }
.bg-gray-800, .bg-slate-800 { background-color:#30453b !important; }
.border-blue-100, .border-blue-200, .border-blue-300, .border-blue-400, .border-blue-500 { border-color:#b9cdbd !important; }
.text-blue-500, .text-blue-600, .text-blue-700, .text-blue-800, .text-blue-900 { color:var(--sv-sage) !important; }
.text-blue-100, .text-blue-200, .text-blue-300, .text-blue-400 { color:#b9cdbd !important; }
.bg-blue-50, .bg-blue-50\/40, .bg-blue-50\/50, .bg-blue-50\/60, .bg-blue-100, .bg-blue-200 { background-color:var(--sv-sage-soft) !important; }
.bg-blue-500, .bg-blue-600, .bg-blue-700 { background-color:var(--sv-sage) !important; }
[class*="from-blue-"], [class*="to-blue-"], [class*="from-indigo-"], [class*="to-indigo-"] { background-image:none !important; }
[style*="#0c1627"], [style*="#0C1627"] { background-color:var(--sv-ink) !important; }
[style*="#2563eb"], [style*="#3b82f6"], [style*="#1d4ed8"] { background-color:var(--sv-sage) !important; border-color:var(--sv-sage) !important; }
a.bg-blue-600, button.bg-blue-600, a.bg-gradient-to-r, button.bg-gradient-to-r { background-color:var(--sv-copper) !important; color:var(--sv-ink) !important; background-image:none !important; }
a.bg-blue-600:hover, button.bg-blue-600:hover, a.bg-gradient-to-r:hover, button.bg-gradient-to-r:hover { background-color:#d18a51 !important; }
.admin-shell, .customer-shell, .sidebar { background-color:var(--sv-ink) !important; }

/* Domain feature icons: keep them visible after the global gradient cleanup. */
.domain-feature-card > div:first-child {
  display:flex;
  align-items:center;
  justify-content:center;
  width:2.75rem;
  height:2.75rem;
  border-radius:.5rem !important;
  background-color:var(--sv-sage) !important;
  background-image:none !important;
  color:#fffdf8 !important;
  box-shadow:0 8px 18px rgba(63,95,82,.18);
}
.domain-feature-card > div:first-child svg {
  color:#fffdf8 !important;
  stroke:currentColor;
}
.domain-feature-card:nth-child(3n+2) > div:first-child {
  background-color:var(--sv-copper) !important;
  color:var(--sv-ink) !important;
  box-shadow:0 8px 18px rgba(193,122,69,.18);
}
.domain-feature-card:nth-child(3n+2) > div:first-child svg {
  color:var(--sv-ink) !important;
}
.domain-feature-card:hover > div:first-child {
  transform:translateY(-2px);
  transition:transform .22s ease, box-shadow .22s ease;
}
