@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap');

:root {
    --card-green: #2d5a3d;
    --gold-accent: #d4af37;
    --cream: #f5f3ed;
    --dark-wood: #2c1810;
}

body {
    background: linear-gradient(135deg, var(--card-green) 0%, #1a4a2e 100%);
    font-family: 'Inter', sans-serif;
    color: var(--cream);
}


button, .FormButton, #submitBtn, #startBtn {
    background: linear-gradient(135deg, var(--gold-accent), #c19b26) !important;
    color: var(--dark-wood) !important;
    border: none !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    transition: transform 0.2s ease !important;
}

button:hover, .FormButton:hover, #submitBtn:hover, #startBtn:hover {
    transform: translateY(-1px) !important;
}


input, select {
    border-radius: 6px !important;
    border: 2px solid rgba(212, 175, 55, 0.3) !important;
    background: var(--cream) !important;
    color: var(--dark-wood) !important;
    padding: 8px 12px !important;
}

input:focus, select:focus {
    border-color: var(--gold-accent) !important;
    outline: none !important;
}


table {
    background: rgba(245, 243, 237, 0.95) !important;
    color: var(--dark-wood) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

table th {
    background: var(--dark-wood) !important;
    color: var(--gold-accent) !important;
}