:root {
    /* Default Theme (Wine/Elegant) */
    --bg-color: #ffffff;
    --text-color: #262626;
    /* Neutral-900 */
    --primary-color: #881337;
    /* Rose-900 (Wine) */
    --primary-hover: #4c0519;
    /* Rose-950 */
    --accent-color: #fff1f2;
    /* Rose-50 */
    --border-color: #e5e5e5;
}

/* Theme: Gold (Luxury) */
.theme-gold {
    --bg-color: #fafafa;
    /* Neutral-50 */
    --text-color: #171717;
    /* Neutral-900 */
    --primary-color: #b45309;
    /* Amber-700 */
    --primary-hover: #78350f;
    /* Amber-900 */
    --accent-color: #fffbeb;
    /* Amber-50 */
    --border-color: #d4d4d4;
}

/* Theme: Dark (Midnight) */
.theme-dark {
    --bg-color: #0a0a0a;
    /* Neutral-950 */
    --text-color: #e5e5e5;
    /* Neutral-200 */
    --primary-color: #d4d4d4;
    /* Neutral-300 */
    --primary-hover: #ffffff;
    /* White */
    --accent-color: #171717;
    /* Neutral-900 */
    --border-color: #404040;
}

body {
    background-color: var(--bg-color);
    color: var(--text-color);
}

.text-primary {
    color: var(--primary-color);
}

.bg-primary {
    background-color: var(--primary-color);
}

.hover\:bg-primary-hover:hover {
    background-color: var(--primary-hover);
}

.border-primary {
    border-color: var(--primary-color);
}

.bg-accent {
    background-color: var(--accent-color);
}

.border-theme {
    border-color: var(--border-color);
}