/* Custom Base Styles */
@layer utilities {
    .bg-dark-300 { background-color: #0f0f10; }
    .bg-dark-200 { background-color: #151516; }
    .bg-dark-100 { background-color: #1c1c1e; }
}

.glass-card {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* Primary Button - Brand Gradients */
.btn-primary {
    background: linear-gradient(135deg, #d946ef, #f97316, #06b6d4);
    background-size: 200% auto;
    transition: all 0.4s ease;
}

.btn-primary:hover {
    background-position: right center;
    box-shadow: 0 0 20px rgba(217, 70, 239, 0.4);
}

/* Secondary Button - Adapted for dark mode readability but preserving minimal elegant outline */
.btn-secondary {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
}

.btn-secondary:hover {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.4);
}

/* Smooth reveal utility */
.reveal-up {
    opacity: 0;
    transform: translateY(30px);
}