:root {
  --sidebar-bg: #fafafa;
  --sidebar-fg: #3f3f46;
  --sidebar-muted: #f4f4f5;
  --sidebar-muted-fg: #71717a;
  --sidebar-accent: #f4f4f5;
  --sidebar-accent-fg: #18181b;
  --sidebar-border: #e4e4e7;
  --sidebar-ring: #a1a1aa;
}

/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* ============================================
 * Church Theme: blue → indigo 컬러 변환
 * PRD Primary: #4338CA (indigo-700)
 * ============================================ */

/* Background colors */
body.theme-church .bg-blue-600 { background-color: #4f46e5 !important; }
body.theme-church .bg-blue-700 { background-color: #4338ca !important; }
body.theme-church .bg-blue-500 { background-color: #6366f1 !important; }
body.theme-church .bg-blue-400 { background-color: #818cf8 !important; }
body.theme-church .bg-blue-100 { background-color: #e0e7ff !important; }
body.theme-church .bg-blue-50 { background-color: #eef2ff !important; }

/* Text colors */
body.theme-church .text-blue-600 { color: #4f46e5 !important; }
body.theme-church .text-blue-700 { color: #4338ca !important; }
body.theme-church .text-blue-500 { color: #6366f1 !important; }
body.theme-church .text-blue-400 { color: #818cf8 !important; }
body.theme-church .text-blue-800 { color: #3730a3 !important; }
body.theme-church .text-blue-900 { color: #312e81 !important; }

/* Border colors */
body.theme-church .border-blue-500 { border-color: #6366f1 !important; }
body.theme-church .border-blue-600 { border-color: #4f46e5 !important; }
body.theme-church .border-blue-200 { border-color: #c7d2fe !important; }
body.theme-church .border-blue-300 { border-color: #a5b4fc !important; }

/* Ring colors */
body.theme-church .ring-blue-500 { --tw-ring-color: #6366f1 !important; }
body.theme-church .focus\:ring-blue-500:focus { --tw-ring-color: #6366f1 !important; }
body.theme-church .focus\:border-blue-500:focus { border-color: #6366f1 !important; }
body.theme-church .focus\:ring-blue-600:focus { --tw-ring-color: #4f46e5 !important; }

/* Hover states */
body.theme-church .hover\:bg-blue-700:hover { background-color: #4338ca !important; }
body.theme-church .hover\:bg-blue-600:hover { background-color: #4f46e5 !important; }
body.theme-church .hover\:bg-blue-50:hover { background-color: #eef2ff !important; }
body.theme-church .hover\:text-blue-800:hover { color: #3730a3 !important; }
body.theme-church .hover\:text-blue-900:hover { color: #312e81 !important; }
body.theme-church .hover\:text-blue-500:hover { color: #6366f1 !important; }

/* Focus-ring offset */
body.theme-church .focus\:ring-offset-2:focus { --tw-ring-offset-width: 2px; }