/* ============================================================
   SOS Theme Override
   Palette reference: Shine On Sister concept image
   Cream / taupe / cocoa brown / muted gold
   ============================================================ */
:root {
  --sos-cream: #f7f1e8;
  --sos-cream-soft: #fbf8f2;
  --sos-taupe: #b9aa99;
  --sos-brown: #6f5a47;
  --sos-brown-dark: #3f3329;
  --sos-gold: #d8b86a;

  --color-brand-25: #fbf7ef;
  --color-brand-50: #f7efe3;
  --color-brand-100: #eee0c8;
  --color-brand-200: #e4d2ae;
  --color-brand-300: #d8b86a;
  --color-brand-400: #c99d58;
  --color-brand-500: #8a735e;
  --color-brand-600: #6f5a47;
  --color-brand-700: #5d4a3b;
  --color-brand-800: #4b3d31;
  --color-brand-900: #3f3329;
  --color-brand-950: #2c241d;

  --color-blue-500: #8a735e;
  --color-blue-light-25: #fbf7ef;
  --color-blue-light-50: #f7efe3;
  --color-blue-light-100: #eee0c8;
  --color-blue-light-200: #e4d2ae;
  --color-blue-light-300: #d8b86a;
  --color-blue-light-400: #c99d58;
  --color-blue-light-500: #c8a46a;
  --color-blue-light-600: #a87a45;
  --color-blue-light-700: #87613d;
  --color-blue-light-800: #6d5039;
  --color-blue-light-900: #4f3f31;
  --color-blue-light-950: #2c241d;
}

body {
  background: var(--sos-cream-soft);
}

.bg-white {
  background-color: #fffdf8;
}

.border-gray-200 {
  border-color: #e8ded2;
}

.text-gray-900,
.text-gray-800 {
  color: var(--sos-brown-dark);
}

/* Active/sidebar states */
.menu-item-active,
.menu-item:hover,
.menu-dropdown-item-active,
.menu-dropdown-item:hover {
  color: var(--sos-brown-dark) !important;
  background-color: #f7efe3 !important;
}

.menu-item-active svg,
.menu-item:hover svg,
.menu-dropdown-item-active svg,
.menu-dropdown-item:hover svg {
  color: #8a735e !important;
  fill: #8a735e !important;
}

/* Main CTA/button tone */
.bg-brand-500,
.hover\:bg-brand-600:hover,
.dark\:bg-brand-500:is(.dark *) {
  background-color: #8a735e !important;
}

.bg-brand-500:hover,
.hover\:bg-brand-600:hover {
  background-color: #6f5a47 !important;
}

.text-brand-500,
.hover\:text-brand-600:hover,
.dark\:text-brand-400:is(.dark *) {
  color: #8a735e !important;
}

.border-brand-500,
.focus\:border-brand-300:focus,
.dark\:focus\:border-brand-800:focus:is(.dark *) {
  border-color: #d8b86a !important;
}

.focus\:ring-brand-500\/10:focus {
  --tw-ring-color: rgba(216, 184, 106, .22) !important;
}

/* Calendar/chart accents that used TailAdmin blue */
.bg-blue-light-50,
.bg-blue-500\/\[0\.08\] {
  background-color: #fbf7ef !important;
}

.text-blue-light-500 {
  color: #a87a45 !important;
}

.border-blue-light-500 {
  border-color: #d8b86a !important;
}

/* Subtle page warmth */
.bg-gray-50 {
  background-color: #fbf8f2 !important;
}

.bg-gray-100 {
  background-color: #f2eadf !important;
}

.dark .bg-white,
.dark .dark\:bg-gray-900 {
  background-color: #2c241d !important;
}