:root {
--mgd-brand-ink: #12213b;
--mgd-brand-accent: #ff6700;
--mgd-brand-white: #ffffff;
--mgd-ui-muted: #52606d;
--mgd-ui-line: rgba(18, 33, 59, .12);
--mgd-ui-surface: #ffffff;
--mgd-page-max-width: 1180px;
--mgd-page-wide-width: 1320px;
--mgd-shell-max-width: 1860px;
--mgd-space-section: clamp(48px, 5.1vw, 78px);
--mgd-space-section-compact: clamp(32px, 3.6vw, 54px);
--mgd-space-heading: clamp(24px, 2.8vw, 40px);
--mgd-space-card: clamp(16px, 2vw, 28px);
--mgd-space-inline: clamp(20px, 3.5vw, 65px);
--mgd-radius-card: 18px;
--mgd-header-min-height: 112px;
}
@media (min-width: 1101px) and (max-width: 1460px) {
:root { --mgd-header-min-height: 90px; }
}
@media (max-width: 1100px) {
:root { --mgd-header-min-height: 85px; --mgd-space-inline: 24px; }
}
@media (max-width: 700px) {
:root {
--mgd-header-min-height: 74px;
--mgd-space-inline: 20px;
--mgd-space-section: clamp(40px, 9vw, 56px);
--mgd-space-section-compact: clamp(28px, 7vw, 44px);
}
} body.mgd-core-body :where(.mgd-home-v2, .mgd-refonte-page, .mgd-pro-redesign) {
--mgd-global-ink: var(--mgd-brand-ink);
--mgd-global-accent: var(--mgd-brand-accent);
--mgd-global-section-space: var(--mgd-space-section);
--mgd-global-content-width: var(--mgd-page-max-width);
} body.mgd-core-body :where(.mgd-home-v2) :where([id]) {
scroll-margin-top: 18px;
}