:root {
    --primary-red: #dc2626;
    --primary-black: #0f172a;
    --primary-gray: #64748b;
    --accent-gradient: linear-gradient(135deg, #0f172a 0%, #dc2626 100%);
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Typography Enhancements */
.truncate-2-lines {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.truncate-3-lines {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Base Styles */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Layout Utilities */
.aspect-photo {
    aspect-ratio: 3 / 4;
}

.aspect-video {
    aspect-ratio: 16 / 9;
}

/* Transitions */
.hover-lift {
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.hover-lift:hover {
    transform: translateY(-5px);
}

/* Custom Gradients */
.bg-red-gradient {
    background: linear-gradient(135deg, #dc2626 0%, #991b1b 100%);
}

.bg-dark-gradient {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
}