/* Klasy pomocnicze */

/* Klasy dla kolorów */
.text-primary { color: #f97316; }
.text-primary-hover { color: #ea580c; }
.text-dark-bg { color: #111827; }
.text-light-bg { color: #1f2937; }
.text-light-text { color: #f3f4f6; }
.text-medium-text { color: #9ca3af; }

.bg-primary { background-color: #f97316; }
.bg-primary-hover { background-color: #ea580c; }
.bg-dark-bg { background-color: #111827; }
.bg-light-bg { background-color: #1f2937; }

/* Klasy dla przejść */
.transition { transition: all 0.3s ease; }
.transition-colors { transition: color 0.3s ease, background-color 0.3s ease; }
.transition-transform { transition: transform 0.3s ease; }

/* Klasy dla efektów hover */
.hover\:text-primary:hover { color: #f97316; }
.hover\:bg-primary-hover:hover { background-color: #ea580c; }

/* Klasy dla pozycjonowania */
.relative { position: relative; }
.absolute { position: absolute; }
.fixed { position: fixed; }
.sticky { position: sticky; }

/* Klasy dla z-index */
.z-10 { z-index: 10; }
.z-50 { z-index: 50; }
.z-100 { z-index: 100; }

/* Klasy dla backdrop-filter */
.backdrop-blur-sm { backdrop-filter: blur(4px); }
.backdrop-blur-md { backdrop-filter: blur(8px); }
.backdrop-blur-lg { backdrop-filter: blur(12px); }

/* Klasy dla transformacji */
.scale-105 { transform: scale(1.05); }
.translate-y-100 { transform: translateY(100px); }
.translate-y-0 { transform: translateY(0); }

/* Klasy dla opacity */
.opacity-0 { opacity: 0; }
.opacity-50 { opacity: 0.5; }
.opacity-70 { opacity: 0.7; }
.opacity-85 { opacity: 0.85; }
.opacity-95 { opacity: 0.95; }
.opacity-1 { opacity: 1; }