@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700&display=swap');

:root {
    --admin-maroon: #6f1427;
    --admin-deep: #25070d;
    --admin-gold: #c9a45b;
    --admin-cream: #fbf7ef;
    --admin-line: rgba(111, 20, 39, 0.14);
    --admin-shadow: 0 18px 50px rgba(35, 20, 14, 0.12);
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    background:
        radial-gradient(circle at 10% 5%, rgba(201, 164, 91, 0.18), transparent 28%),
        radial-gradient(circle at 90% 20%, rgba(111, 20, 39, 0.12), transparent 26%),
        linear-gradient(180deg, var(--admin-cream), #f0e7d9) !important;
    color: #1d1714;
}

h1,
h2,
h3,
.header-title h1,
.panel-header h2,
.invoice-title,
.section h2,
.doc-title,
.brand-name,
.legacy-logo {
    font-family: "Playfair Display", Georgia, serif !important;
    letter-spacing: -0.02em;
}

header,
.header,
.topbar,
.app-header {
    box-shadow: 0 18px 45px rgba(37, 7, 13, 0.16) !important;
}

.container,
.main-panel,
.invoice-container,
.receipt-container,
.contract-container,
.quote-container,
.page-wrap,
.paper,
.tool-panel,
.panel,
.card,
.stat-card,
.toolbar,
.sidebar,
.workspace,
.section,
.catalog-section,
.color-card {
    border-radius: 16px;
}

.main-panel,
.invoice-container,
.receipt-container,
.contract-container,
.quote-container,
.stat-card,
.section,
.card,
.paper,
.tool-panel,
.color-card {
    border: 1px solid var(--admin-line) !important;
    box-shadow: var(--admin-shadow) !important;
}

button,
.btn,
.tool-btn,
.btn-primary,
.btn-secondary,
.btn-print,
.btn-save,
.btn-gen,
.filter-btn,
.tab-btn,
input,
select,
textarea {
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease, background 0.22s ease !important;
}

button:hover,
.btn:hover,
.tool-btn:hover,
.btn-primary:hover,
.btn-secondary:hover,
.btn-print:hover,
.btn-save:hover,
.btn-gen:hover,
.filter-btn:hover,
.tab-btn:hover {
    transform: translateY(-1px);
}

input:focus,
select:focus,
textarea:focus {
    outline: none !important;
    border-color: var(--admin-gold) !important;
    box-shadow: 0 0 0 4px rgba(201, 164, 91, 0.16) !important;
}

table {
    border-collapse: separate !important;
    border-spacing: 0;
}

thead th,
thead td {
    background: linear-gradient(135deg, var(--admin-maroon), var(--admin-deep)) !important;
}

tbody tr {
    transition: background 0.18s ease;
}

tbody tr:hover {
    background: rgba(201, 164, 91, 0.08) !important;
}

@media print {
    body {
        background: #fff !important;
    }

    button,
    .toolbar,
    .theme-selector,
    .controls,
    .no-print {
        box-shadow: none !important;
        transform: none !important;
    }
}