/* Base: overrides Bootstrap reboot to match the original MDecor look */
html { scroll-behavior: smooth; font-size: 16px; }

body {
    font-family: var(--font-sans);
    background-color: var(--bg-cream);
    color: var(--text-dark);
    line-height: 1.6;
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-serif);
    font-weight: 600;
    line-height: 1.25;
}

a { color: inherit; text-decoration: none; transition: var(--transition-quick); }
a:hover { color: inherit; }

img { max-width: 100%; height: auto; display: block; }

button, input, select, textarea { font-family: inherit; font-size: inherit; }

.flex-center { display: flex; justify-content: center; align-items: center; }

.mc-container {
    width: 90%;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 80px 0;
}

.mc-grid { display: grid; gap: 30px; }