/* 檔案位置: assets/css/style.css */

/* 1. 全局字體放大設定 */
html {
    /* 瀏覽器預設通常是 16px，我們將基準調大至 18px，Tailwind 的所有文字與間距都會按比例自動放大 */
    font-size: 18px; 
}

/* 2. 全站基礎樣式與深色主題 */
body {
    background-color: #121212;
    color: #e5e5e5;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans TC", sans-serif;
}

/* 3. 發票系統與預覽縮圖互動特效 */
.preview-thumbnail {
    transition: transform 0.2s ease, border-color 0.2s ease;
}
.preview-thumbnail:hover {
    transform: scale(1.01);
    border-color: #d97706;
}

/* 4. 發票列印專用樣式 (強制白底黑字與隱藏UI) */
@media print {
    body { 
        background: white !important; 
        color: black !important; 
        padding: 0 !important; 
    }
    .no-print { 
        display: none !important; 
    }
    .invoice-box { 
        background: white !important; 
        color: black !important; 
        box-shadow: none !important; 
        border: 2px solid #333 !important; 
        width: 100% !important; 
        max-width: none !important; 
        transform: none !important; 
        position: static !important; 
    }
    .invoice-box * { 
        color: black !important; 
        background: transparent !important; 
    }
    #lightboxModal { 
        display: none !important; 
    }
}