/* Brand Colors - Дополнительные классы для Tailwind */

/* Background Colors */
.bg-brand-lime { background-color: #D4F232 !important; }
.bg-brand-dark { background-color: #0F1115 !important; }
.bg-brand-gray { background-color: #9CA3AF !important; }
.bg-brand-light { background-color: #F3F4F6 !important; }
.bg-brand-blue { background-color: #0EA5E9 !important; }

/* Text Colors */
.text-brand-lime { color: #D4F232 !important; }
.text-brand-dark { color: #0F1115 !important; }
.text-brand-gray { color: #9CA3AF !important; }
.text-brand-light { color: #F3F4F6 !important; }
.text-brand-blue { color: #0EA5E9 !important; }

/* Border Colors */
.border-brand-lime { border-color: #D4F232 !important; }
.border-brand-dark { border-color: #0F1115 !important; }
.border-brand-gray { border-color: #9CA3AF !important; }
.border-brand-light { border-color: #F3F4F6 !important; }
.border-brand-blue { border-color: #0EA5E9 !important; }

/* Hover Classes */
.hover\:bg-brand-lime:hover { background-color: #D4F232 !important; }
.hover\:bg-brand-dark:hover { background-color: #0F1115 !important; }
.hover\:bg-brand-blue:hover { background-color: #0EA5E9 !important; }

.hover\:text-brand-lime:hover { color: #D4F232 !important; }
.hover\:text-brand-dark:hover { color: #0F1115 !important; }
.hover\:text-brand-blue:hover { color: #0EA5E9 !important; }

.hover\:border-brand-lime:hover { border-color: #D4F232 !important; }
.hover\:border-brand-dark:hover { border-color: #0F1115 !important; }
.hover\:border-brand-blue:hover { border-color: #0EA5E9 !important; }

/* From/To Gradients */
.from-brand-lime { --tw-gradient-from: #D4F232; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(212, 242, 50, 0)); }
.from-brand-dark { --tw-gradient-from: #0F1115; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(15, 17, 21, 0)); }
.from-brand-blue { --tw-gradient-from: #0EA5E9; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(14, 165, 233, 0)); }

.to-brand-lime { --tw-gradient-to: #D4F232; }
.to-brand-dark { --tw-gradient-to: #0F1115; }
.to-brand-blue { --tw-gradient-to: #0EA5E9; }

/* Font Family */
.font-manrope { font-family: 'Manrope', sans-serif !important; }