:root {
    --gold-color: #c39b2a;
    --bg-color: #f8fafc;
    --text-color: var(--gold-color);
    --muted-text-color: #c7a234;
    --surface-color: #ffffff;
    --border-color: var(--gold-color);
    --brand-color: var(--gold-color);
    --hover-color: #f6efcf;
    --card-shadow: 0 10px 24px rgba(15, 23, 42, 0.12);
}

:root[data-theme="dark"] {
    --gold-color: #d4af37;
    --bg-color: #0b1220;
    --text-color: var(--gold-color);
    --muted-text-color: #e2bf57;
    --surface-color: #111827;
    --border-color: var(--gold-color);
    --brand-color: var(--gold-color);
    --hover-color: #4b3d12;
    --card-shadow: 0 10px 24px rgba(255, 255, 255, 0.18);
}

@media (prefers-color-scheme: dark) {
    :root[data-theme="system"] {
        --gold-color: #d4af37;
        --bg-color: #0b1220;
        --text-color: var(--gold-color);
        --muted-text-color: #e2bf57;
        --surface-color: #111827;
        --border-color: var(--gold-color);
        --brand-color: var(--gold-color);
        --hover-color: #4b3d12;
        --card-shadow: 0 10px 24px rgba(255, 255, 255, 0.18);
    }
}