/**\n * Revolut-Style Enhancements\n * ===========================\n * Additional CSS for enhanced black section styling\n * Include this after theme.css or append to it\n */\n\n/* Enhanced card styling in black sections */\n.section-black .card-body p {\n  color: var(--color-gray-300);\n}\n\n.section-black .card-footer {\n  background-color: var(--color-gray-800);\n  border-color: var(--color-gray-700);\n}\n\n/* Form elements in black sections */\n.section-black .form-input:focus,\n.section-black .form-textarea:focus,\n.section-black .form-select:focus {\n  border-color: var(--color-purple-primary);\n  box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.2);\n}\n\n/* Badge adjustments for better visibility */\n.section-black .badge-gray {\n  background-color: var(--color-gray-800);\n  border-color: var(--color-gray-700);\n  color: var(--color-gray-300);\n}\n\n/* Button styling in black sections */\n.section-black .btn-secondary {\n  border-color: var(--color-gray-600);\n  color: var(--color-white-pure);\n}\n\n.section-black .btn-secondary:hover:not(:disabled) {\n  border-color: var(--color-gray-500);\n  background-color: var(--color-gray-800);\n}\n\n.section-black .btn-ghost {\n  color: var(--color-gray-300);\n}\n\n.section-black .btn-ghost:hover:not(:disabled) {\n  color: var(--color-white-pure);\n  background-color: var(--color-gray-900);\n}\n\n/* Link colors in black sections */\n.section-black a:not(.btn) {\n  color: var(--color-gray-200);\n}\n\n.section-black a:not(.btn):hover {\n  color: var(--color-gray-100);\n}\n\n/* Enhanced scrollbar for dark sections (WebKit browsers) */\n.section-black::-webkit-scrollbar {\n  width: 8px;\n}\n\n.section-black::-webkit-scrollbar-track {\n  background: var(--color-gray-900);\n}\n\n.section-black::-webkit-scrollbar-thumb {\n  background: var(--color-gray-700);\n  border-radius: 4px;\n}\n\n.section-black::-webkit-scrollbar-thumb:hover {\n  background: var(--color-gray-600);\n}\n