:root {
    /* Light Theme */
    --color-bg: #f3f4f6;
    --color-panel: #ffffff;
    --color-border: #e5e7eb;
    --color-text: #111827;
    --color-muted: #6b7280;
    --color-red: #eb0029;
    --color-redhover: #ff4655;
    --color-danger: #eb0029;
}

.dark {
    /* Dark Theme */
    --color-bg: #1f1f1f;
    --color-panel: #111111;
    --color-border: #333333;
    --color-text: #ece8e1;
    --color-muted: #8a8a8a;
    --color-red: #eb0029;
    --color-redhover: #ff4655;
    --color-danger: #eb0029;
}

body {
    background-color: var(--color-bg);
    color: var(--color-text);
    font-family: 'Inter', sans-serif;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    transition: background-color 0.3s ease, color 0.3s ease;
}