/* Global Styles */
:root {
    --brand-color: #FF8C00;
    --brand-dark: #e07b00;
    --brand-light: #fff7ed;
    --text-main: #1f2937;
    --text-muted: #6b7280;
}

body {
    font-family: 'Inter', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #d1d5db;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--brand-color);
}

/* Typography Enhancements */
h1,
h2,
h3,
h4,
h5,
h6 {
    letter-spacing: -0.025em;
}

/* Card Effects */
.card-hover {
    transition: all 0.3s ease;
}

.card-hover:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}
h2 {
    /* Arka planı siyahtan turuncuya (#FF8C00) ayarlar */
    background: -webkit-linear-gradient(to right, var(--brand-color), #ff4500) !important;
    background: linear-gradient(to right, var(--brand-color), #ff4500) !important;
    
    /* Arka planı sadece metnin içine hapseder */
    -webkit-background-clip: text !important;
    background-clip: text !important;
    
    /* Metin rengini şeffaf yapar ki arkadaki gradient görünsün */
    color: transparent !important;
    
    /* Tarayıcı uyumluluğu için ek özellikler */
    -webkit-text-fill-color: transparent !important;
    display: inline-block !important; /* Gradientin düzgün oturması için bazen gerekir */
    font-weight: 700 !important;
	font-size:25px !important;
}
/* Glassmorphism */
.glass {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

/* Gradient Text */
.text-gradient {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, var(--brand-color), #ff4500);
}

/* Button Gradients */
.btn-brand {
    background-image: linear-gradient(to right, var(--brand-color), #ff6b00);
    transition: all 0.3s ease;
}

.btn-brand:hover {
    background-image: linear-gradient(to right, #ff6b00, var(--brand-color));
    transform: translateY(-1px);
    box-shadow: 0 4px 6px -1px rgba(255, 140, 0, 0.3);
}

/* Form Elements */
select,
input,
textarea {
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

select:focus,
input:focus,
textarea:focus {
    border-color: var(--brand-color);
    box-shadow: 0 0 0 3px rgba(255, 140, 0, 0.1);
    outline: none;
}

/* Animations */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in {
    animation: fadeIn 0.5s ease-out forwards;
}

/* Custom Utilities */
.text-shadow-sm {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}