/* Custom Styles for Budget Blueprint */

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Space Grotesk', 'Inter', sans-serif;
}

.bg-grid-pattern {
    background-image: 
        linear-gradient(to right, rgba(0,0,0,0.05) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(0,0,0,0.05) 1px, transparent 1px);
    background-size: 4rem 4rem;
}

/* Print styles */
@media print {
    @page {
        margin: 0.5cm;
    }
    
    body {
        print-color-adjust: exact;
        -webkit-print-color-adjust: exact;
    }
    
    .print\:hidden {
        display: none !important;
    }
    
    .print\:p-4 {
        padding: 1rem !important;
    }
    
    .print\:text-xs {
        font-size: 0.75rem !important;
    }
    
    .print\:text-xl {
        font-size: 1.25rem !important;
    }
    
    .print\:text-2xl {
        font-size: 1.5rem !important;
    }
    
    .print\:mb-8 {
        margin-bottom: 2rem !important;
    }
    
    .print\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    
    .print\:gap-4 {
        gap: 1rem !important;
    }
}

/* Smooth transitions */
* {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

/* Button hover effects */
button, a {
    transition: all 0.3s ease;
}

/* Form inputs focus */
input:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

/* Progress bar animations */
.progress-bar {
    transition: width 0.5s ease-in-out;
}