:root {
    --navy: #00005A;
    --crimson: #BA0600;
}

body { 
    font-family: 'Inter', sans-serif; 
    background-color: #f1f5f9; /* slate-100 */
}

.patriotic-header {
    background-color: var(--navy);
    background-image: url('https://www.transparenttextures.com/patterns/dark-matter.png');
}

.font-mono { 
    font-family: 'Roboto Mono', monospace; 
}

/* Base tailwind override for print sizing */
@media print {
    body { background-color: white; }
    .patriotic-header, #senator-search, footer { display: none !important; }
    #senator-grid { display: block; }
    .bg-white { page-break-inside: avoid; margin-bottom: 2rem; box-shadow: none !important; border: 1px solid #ccc; }
}

/* ADD THIS TO THE BOTTOM OF YOUR CSS FILE */

@media print {
    /* Ensure background colors and gradients print perfectly */
    * {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    /* When printing a single card, hide the header, search, and footer */
    body.printing-single-card header,
    body.printing-single-card section,
    body.printing-single-card footer {
        display: none !important;
    }
    
    /* Change grid to block to prevent layout squishing */
    body.printing-single-card #senator-grid {
        display: block !important;
    }

    /* Hide ALL senator cards by default during this print state */
    body.printing-single-card .senator-card {
        display: none !important; 
    }

    /* ONLY show the specific card that was clicked */
    body.printing-single-card .senator-card.print-target {
        display: flex !important; 
        page-break-inside: avoid;
        border: none;
        box-shadow: none;
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
    }
}