@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Space+Grotesk:wght@500;600;700&display=swap');

/* Base */
body { background: #09090b !important; color: #a1a1aa !important; font-family: 'Inter', system-ui, sans-serif !important; }
h1, h2, h3, h4, .c-page-title { font-family: 'Space Grotesk', sans-serif !important; color: #ffffff !important; }

/* Override ALL Tailwind white/light backgrounds */
.bg-white, .bg-gray-50, .bg-blue-50, .bg-green-50, .bg-red-50, .bg-yellow-50 { background: #18181b !important; }
.border-gray-200, .border-gray-300 { border-color: #27272a !important; }
.text-gray-700, .text-gray-600, .text-gray-800, .text-gray-900 { color: #a1a1aa !important; }
.text-blue-700, .text-blue-600 { color: #3b82f6 !important; }

/* Page and containers */
.c-page, .c-content, .c-sidebar, .c-filter-bar, .c-tab-content, .c-footer, .container, #p-show-post, .page { background: #09090b !important; }

/* Cards and panels */
.c-card, .c-modal-content, .c-modal-window { background: #18181b !important; border: 1px solid #27272a !important; }

/* Links */
a, .c-link { color: #10b981 !important; }
a:hover, .c-link:hover { color: #059669 !important; }

/* Idea titles in list */
.c-list-item a, .c-post-item a, a.text-title, .text-title a { color: #10b981 !important; }
.c-list-item a:hover, .c-post-item a:hover, a.text-title:hover, .text-title a:hover { color: #059669 !important; }

/* Buttons */
.c-button.m-primary, .c-support-counter button.m-supported { background: #10b981 !important; color: #09090b !important; border: none !important; }
.c-button.m-primary:hover { background: #059669 !important; }
.c-button { background: #18181b !important; border: 1px solid #27272a !important; color: #a1a1aa !important; }

/* Header/nav */
.c-menu, .c-header { background: #09090b !important; border-bottom: 1px solid #27272a !important; }

/* Vote button */
.c-support-counter button { background: #18181b !important; border: 1px solid #27272a !important; color: #a1a1aa !important; }

/* List items */
.c-list-item { border-color: #27272a !important; }

/* Status badges */
.c-status-label.m-open { background: #27272a !important; color: #a1a1aa !important; }
.c-status-label.m-planned { background: #10b981 !important; color: #09090b !important; }
.c-status-label.m-started { background: #3b82f6 !important; color: white !important; }
.c-status-label.m-completed { background: #10b981 !important; color: #09090b !important; }
.c-status-label.m-declined { background: #f43f5e !important; color: white !important; }

/* Status response box (the blue/white box showing "Open", "Planned" etc) */
.c-status-col--open, .c-status-col--planned, .c-status-col--started, .c-status-col--completed { color: #a1a1aa !important; }
[class*="bg-blue-50"], [class*="bg-green-50"], [class*="bg-red-50"] { background: #18181b !important; border: 1px solid #27272a !important; }




/* Inputs, textareas, editor */
input, textarea, select { background: #18181b !important; border: 1px solid #27272a !important; color: #f4f4f5 !important; }
input::placeholder, textarea::placeholder { color: #71717a !important; }
.fider-tiptap-editor, .ProseMirror, [class*="tiptap"] { background: #18181b !important; color: #f4f4f5 !important; }
.flex-grow { background: #18181b !important; }

/* Comment/discussion area */
[class*="comment"] { background: transparent !important; }

/* Footer */
.c-footer { border-top: 1px solid #27272a !important; }

/* Tags */
.c-tag { background: #27272a !important; color: #a1a1aa !important; }

/* Text overrides */
p, span, li, label, small, .text-muted { color: #a1a1aa !important; }
.text-display, .text-display2, .text-title { color: #ffffff !important; }

/* Dropdown menus */
.c-dropdown__list { background: #18181b !important; border: 1px solid #27272a !important; }
.c-dropdown__listitem { color: #a1a1aa !important; }
.c-dropdown__listitem:hover { background: #27272a !important; color: #ffffff !important; }
.c-dropdown__listitem svg { color: #a1a1aa !important; }
.c-dropdown__handle { color: #a1a1aa !important; }
.c-dropdown__handle:hover { color: #ffffff !important; }

/* Notifications */
.c-notifications-container { background: #18181b !important; }

/* Modal windows */
.c-modal-dimmer { background: rgba(0,0,0,0.7) !important; }
.c-modal-window { background: #18181b !important; border: 1px solid #27272a !important; }
.c-modal-window .c-form label { color: #a1a1aa !important; }
.c-response-form { background: #18181b !important; }

/* Filter/sort bar */
.c-filter, [class*="filter"] button, [class*="sort"] button { background: #18181b !important; border: 1px solid #27272a !important; color: #a1a1aa !important; }

/* Main posts column and sidebar - Fider's home page layout */
.p-home__posts-col, .p-home__sidebar-col, [class*="p-home__"] { background: #09090b !important; }
.p-4 { background: transparent !important; }

/* Vote counter buttons */
.c-vote-counter__button, [class*="vote-counter"], .bg-gray-100 { background: #18181b !important; border: 1px solid #3f3f46 !important; color: #a1a1aa !important; border-radius: 6px !important; }
.c-vote-counter__button:hover { background: #27272a !important; color: #10b981 !important; }
.border-gray-200 { border-color: #27272a !important; }

/* Status pills - colourful like default Fider */
.bg-blue-100, [class*="bg-blue-100"] { background: rgba(59, 130, 246, 0.15) !important; }
.border-blue-400, [class*="border-blue-400"] { border-color: #3b82f6 !important; }
.text-blue-700, [class*="text-blue-700"] { background: transparent !important; color: #60a5fa !important; }
[class*="bg-green-100"] { background: rgba(16, 185, 129, 0.15) !important; }
[class*="border-green-400"] { border-color: #10b981 !important; }
[class*="text-green-700"] { background: transparent !important; color: #34d399 !important; }
[class*="bg-red-100"] { background: rgba(244, 63, 94, 0.15) !important; }
[class*="border-red-400"] { border-color: #f43f5e !important; }
[class*="text-red-700"] { background: transparent !important; color: #fb7185 !important; }
[class*="bg-yellow-100"] { background: rgba(251, 191, 36, 0.15) !important; }
[class*="border-yellow-400"] { border-color: #fbbf24 !important; }
[class*="text-yellow-700"] { background: transparent !important; color: #fbbf24 !important; }
[class*="bg-purple-100"] { background: rgba(168, 85, 247, 0.15) !important; }
[class*="border-purple-400"] { border-color: #a855f7 !important; }
[class*="text-purple-700"] { background: transparent !important; color: #c084fc !important; }