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

:root {
    --ev-brown: #493022;
    --ev-dark: #352219;
    --ev-gold: #c49a52;
    --ev-light-gold: #ead7ad;
    --ev-cream: #fbf7f0;
    --ev-white: #fffefa;
    --ev-text: #35291f;
    --ev-muted: #897d70;
    --ev-line: #eee2d4;
}

* { box-sizing: border-box; }

body {
    font-family: 'DM Sans', sans-serif !important;
    color: var(--ev-text) !important;
    background:
        radial-gradient(circle at 8% 12%, rgba(196,154,82,.13), transparent 28%),
        radial-gradient(circle at 92% 88%, rgba(86,58,43,.09), transparent 30%),
        var(--ev-cream) !important;
}

h1, h2, h3, .page-title {
    font-family: 'Playfair Display', serif !important;
    color: var(--ev-dark);
}

.card, .panel, .stat, .box, .content-card {
    background: var(--ev-white);
    border: 1px solid var(--ev-line);
    border-radius: 17px;
    box-shadow: 0 8px 25px rgba(73,48,34,.07);
}

button, .btn, a.button {
    border-radius: 9px;
    transition: .2s ease;
}

button:hover, .btn:hover, a.button:hover {
    filter: brightness(1.08);
    transform: translateY(-1px);
}

input, select, textarea {
    font-family: 'DM Sans', sans-serif !important;
    border: 1px solid #dfd0bd !important;
    border-radius: 9px !important;
    background: #fffefa;
}

input:focus, select:focus, textarea:focus {
    outline: none;
    border-color: var(--ev-gold) !important;
    box-shadow: 0 0 0 3px rgba(196,154,82,.15);
}

table th {
    background: #f6eee2 !important;
    color: var(--ev-brown);
}

table td, table th {
    border-bottom: 1px solid var(--ev-line);
}

a { text-underline-offset: 3px; }

@media(max-width:760px) {
    body { overflow-x: hidden; }
    .table-wrap { overflow-x: auto; }
}