:root {
    --md-sys-color-primary: #4A90E2; 
    --md-sys-color-surface: #121212;
    --md-sys-color-on-surface: #E3E3E3;
    --md-sys-color-surface-container: #1E1E1E;
}

body {
    background-color: var(--md-sys-color-surface);
    color: var(--md-sys-color-on-surface);
    font-family: 'Inter', system-ui, sans-serif;
}

.bento-card {
    background-color: var(--md-sys-color-surface-container);
    border-radius: 28px; /* MD3 Large Shape */
    transition: transform 0.2s ease-in-out;
}

.bento-card:hover {
    transform: scale(1.01);
}