/* One installation palette for public, account and admin shells. Restaurant menu themes,
   media/crop canvases, status colors and print paper retain their own colors. */
@media screen {
html[data-mi-theme] body.mi-site-gradient:not([data-menu-theme]) {
  background-color:var(--mi-mode-page)!important;color:var(--mi-mode-ink);
  --site-accent:var(--mi-mode-link)!important;
  --site-accent-hover:var(--mi-mode-link)!important;
  --site-accent-soft:var(--mi-mode-accent-soft)!important;
  --site-accent-border:var(--mi-mode-accent-line)!important;
  --site-accent-muted:var(--mi-mode-link)!important;--site-accent-tint:var(--mi-mode-accent-soft)!important;
  --theme-color:var(--mi-mode-action)!important;--theme-color-rgb:var(--mi-palette-action-rgb)!important;
  --site-control-ink:var(--mi-mode-ink);--site-control-line:var(--mi-mode-control-line);
  --mi-gradient-action:linear-gradient(120deg,var(--mi-palette-start),var(--mi-mode-action) 64%,var(--mi-palette-end))!important;
  --mi-gradient-action-hover:linear-gradient(120deg,var(--mi-mode-action-hover),var(--mi-mode-action) 64%,var(--mi-palette-end))!important;
  --mi-gradient-hero:radial-gradient(ellipse at 90% 20%,rgba(var(--mi-palette-action-rgb),.25),transparent 48%),var(--mi-gradient-action)!important;
  --mi-gradient-card:linear-gradient(140deg,var(--mi-mode-surface) 50%,var(--mi-mode-surface-raised))!important;
  --mi-gradient-lilac:linear-gradient(140deg,var(--mi-mode-surface) 45%,var(--mi-mode-surface-hover))!important;
  --mi-gradient-teal:linear-gradient(140deg,var(--mi-mode-surface) 45%,var(--mi-mode-surface-raised))!important;
  --mi-gradient-soft:linear-gradient(120deg,var(--mi-mode-surface),var(--mi-mode-surface-raised))!important;
  --mi-gradient-selected:linear-gradient(115deg,var(--mi-mode-accent-soft),var(--mi-mode-surface) 80%)!important;
  --mi-gradient-line:var(--mi-mode-line)!important;--mi-gradient-ink:var(--mi-mode-ink)!important;
  --bs-body-color:var(--mi-mode-ink);--bs-body-bg:var(--mi-mode-page);
  --bs-primary:var(--mi-mode-action);--bs-primary-rgb:var(--mi-palette-action-rgb);--bs-link-color:var(--mi-mode-link);--bs-link-hover-color:var(--mi-mode-link);
  --bs-border-color:var(--mi-mode-line);accent-color:var(--mi-mode-link);
}
html[data-mi-theme] body.mi-site-gradient:not([data-menu-theme]) :is(.mi-home-v2,.mi-cap-home) {
  --mc-accent:var(--mi-mode-link)!important;--mh-gradient:var(--mi-gradient-action)!important;
}
html[data-mi-theme] body.mi-site-gradient:not([data-menu-theme]) :is(#wrapper,.mi-public-page,.mi-support-page,.mi-document-page) {background-color:var(--mi-mode-page)}
html[data-mi-theme] body.mi-site-gradient:not(.figma-account-page):not(.mi-admin-panel).mi-auth-page #wrapper {
  background:linear-gradient(145deg,var(--mi-mode-accent-soft) 0%,var(--mi-mode-page) 65%,var(--mi-mode-input) 100%);
}
html[data-mi-theme] body.mi-site-gradient:not([data-menu-theme]) :is(#header-container.mi-home-header #header,#footer.mi-site-footer,.figma-panel-header,.bg-menu-theme,.layout-navbar,.bg-navbar-theme) {
  background:var(--mi-mode-surface)!important;border-color:var(--mi-mode-line)!important;
}
html[data-mi-theme] body.mi-site-gradient.mi-admin-panel :is(.text-primary,.link-primary) {color:var(--mi-mode-link)!important}
html[data-mi-theme] body.mi-site-gradient.mi-admin-panel .bg-label-primary {background:var(--mi-mode-accent-soft)!important;color:var(--mi-mode-link)!important}
html[data-mi-theme] body.mi-site-gradient:not([data-menu-theme]) :is(.mi-hub-intro,.mi-business-header,.mi-studio>header.ms-heading,.mi-public-hero,#titlebar.gradient,.hs-copy,.mc-hero-copy,.mi-hero-copy,.mc-final,.mi-public-cta) :is(h1,h2,h3,p,.mi-eyebrow,.mi-hub-eyebrow,.ms-eyebrow,.mc-eyebrow,.mc-caption,.mc-lead,.mi-intro,.mi-small,.mc-link,.mi-secondary) {color:#fff}
html[data-mi-theme] body.mi-site-gradient:not([data-menu-theme]) :is(.mc-hero h1,.hs-copy h1) :is(span,em),
html[data-mi-theme] body.mi-site-gradient:not([data-menu-theme]) :is(.hs-copy .hs-features li,.hs-showcase-label,.mi-cap-home .hs-hint,.mi-public-hero .mi-public-text-link,#titlebar.gradient #breadcrumbs a,#titlebar.gradient #breadcrumbs li) {color:#fff}
/* Preserve the existing gradient shape on primary actions in every shell. */
html[data-mi-theme] body.mi-site-gradient:not(.figma-account-page):not(.mi-admin-panel) :is(.btn-primary,.mc-primary,.mc-button,.mi-public-button:not(.is-secondary),.s-button:not(.s-secondary):not(.s-danger),.mi-auth-card form button.button,.mi-plan-button:not(.is-secondary),.sc-button):not(:disabled):not(.button-progress),
html[data-mi-theme] body.mi-site-gradient:not(.figma-account-page):not(.mi-admin-panel) #header .button:not(.gray):not(:disabled):not(.button-progress),
html[data-mi-theme] body.mi-site-gradient:is(.figma-account-page,.mi-admin-panel) :is(.btn-primary,.mi-hub-button,.mi-business-add,.mi-business-manage,.ms-button:not(.secondary),.mw-button:not(.secondary),.figma-settings-save,.figma-payment-submit,.mi-menu-add-category,.mi-module-save,.mi-module-footer button[type="submit"],.mi-product-save,.figma-create-submit,.mi-image-button.is-primary,.mi-options-generate,.mi-options-tabs>button[aria-selected="true"],.mi-product-footer .button:not(.mi-product-cancel),.mi-ai-actions>button:first-child):not(:disabled):not(.button-progress) {
  background:var(--mi-gradient-action)!important;color:var(--mi-mode-action-ink)!important;border-color:var(--mi-mode-action)!important;
}
html[data-mi-theme] body.mi-site-gradient:not(.figma-account-page):not(.mi-admin-panel) :is(.btn-primary,.mc-primary,.mc-button,.mi-public-button:not(.is-secondary),.s-button:not(.s-secondary):not(.s-danger),.mi-auth-card form button.button,.mi-plan-button:not(.is-secondary),.sc-button):not(:disabled):not(.button-progress):hover,
html[data-mi-theme] body.mi-site-gradient:not(.figma-account-page):not(.mi-admin-panel) #header .button:not(.gray):not(:disabled):not(.button-progress):hover,
html[data-mi-theme] body.mi-site-gradient:is(.figma-account-page,.mi-admin-panel) :is(.btn-primary,.mi-hub-button,.mi-business-add,.mi-business-manage,.ms-button:not(.secondary),.mw-button:not(.secondary),.figma-settings-save,.figma-payment-submit,.mi-menu-add-category,.mi-module-save,.mi-module-footer button[type="submit"],.mi-product-save,.figma-create-submit,.mi-image-button.is-primary,.mi-options-generate,.mi-options-tabs>button[aria-selected="true"],.mi-product-footer .button:not(.mi-product-cancel),.mi-ai-actions>button:first-child):not(:disabled):not(.button-progress):hover {
  background:var(--mi-gradient-action-hover)!important;color:var(--mi-mode-action-ink)!important;border-color:var(--mi-mode-action-hover)!important;
}
/* Light buttons sit over the dark hero gradient, including yellow/white selections. */
html[data-mi-theme] body.mi-site-gradient:not(.figma-account-page):not(.mi-admin-panel) :is(.hs-copy .mc-button,.mc-hero-copy .mc-button,.mi-hero-copy .button,.s-hero .s-button,.mc-final .mc-button,.mi-public-cta .mi-public-button):not(:disabled):not(.button-progress) {
  background:#fff!important;color:var(--mi-mode-action)!important;border-color:#fff!important;
}
html[data-mi-theme] body.mi-site-gradient:not(.figma-account-page):not(.mi-admin-panel) :is(.hs-copy .mc-button,.mc-hero-copy .mc-button,.mi-hero-copy .button,.s-hero .s-button,.mc-final .mc-button,.mi-public-cta .mi-public-button):not(:disabled):not(.button-progress):hover {
  background:var(--mi-mode-input)!important;color:var(--mi-mode-link)!important;border-color:var(--mi-mode-input)!important;
}
/* Informational confirmations are accents; success, warning and destructive states stay semantic. */
html[data-mi-theme] body.mi-site-gradient:not([data-menu-theme]) .mi-feedback-dialog:not(.is-danger) .mi-feedback-confirm {
  background:var(--mi-gradient-action);color:var(--mi-mode-action-ink);border-color:var(--mi-mode-action);
}
html[data-mi-theme] body.mi-site-gradient:not(.figma-account-page):not(.mi-admin-panel) .mi-auth-card .mi-verification-alert:not(.is-error) {
  background:var(--mi-mode-accent-soft);color:var(--mi-mode-link);border-color:var(--mi-mode-accent-line);
}
/* Homepage illustrations are UI, not customer artwork: their surfaces and ink switch together. */
html[data-mi-theme] body.mi-site-gradient:not([data-menu-theme]) .mi-home-v2 :is(.mc-showcase,.mc-flow) {
  --mc-ink:var(--mi-mode-ink);--mc-muted:var(--mi-mode-muted);--mc-line:var(--mi-mode-line);
  --mc-soft:var(--mi-mode-surface-raised);--mc-accent:var(--mi-mode-link);color:var(--mi-mode-ink);
}
html[data-mi-theme] body.mi-site-gradient:not([data-menu-theme]) .mi-home-v2 .mh-fallback {
  background:var(--mi-gradient-soft);border-color:var(--mi-mode-line);
}
html[data-mi-theme] body.mi-site-gradient:not([data-menu-theme]) .mi-home-v2 .mc-phone {
  border-color:var(--mi-mode-control-line);
}
html[data-mi-theme] body.mi-site-gradient:not([data-menu-theme]) .mi-home-v2 .mc-notch {background:var(--mi-mode-control-line)}
html[data-mi-theme] body.mi-site-gradient:not([data-menu-theme]) .mi-home-v2 .mc-phone-back {
  background:var(--mi-gradient-action);color:var(--mi-mode-action-ink);
}
html[data-mi-theme] body.mi-site-gradient:not([data-menu-theme]) .mi-home-v2 .mc-phone-back :is(.mc-back-mark>span,.mc-back-copy>span) {color:var(--mi-mode-action-ink)}
html[data-mi-theme] body.mi-site-gradient:not([data-menu-theme]) .mi-home-v2 .mc-phone.mc-demo {
  background:var(--mi-mode-surface);color:var(--mi-mode-ink);
}
html[data-mi-theme] body.mi-site-gradient:not([data-menu-theme]) .mi-home-v2 :is(.mc-demo .mc-brand,.mc-demo .mc-scene-heading h2,.mc-demo .mc-scene-copy h3,.mc-demo .mc-sizes>span,.mc-flow-review .mc-reader,.mc-flow-review .mc-flow-rows,.mc-flow-result .mc-result-head,.mc-flow-result h3,.mc-flow-result .mc-result-list strong) {color:var(--mi-mode-ink)}
html[data-mi-theme] body.mi-site-gradient:not([data-menu-theme]) .mi-home-v2 :is(.mc-showcase-label,.mc-demo .mc-phone-dots,.mc-demo .mc-scene-heading small,.mc-demo .mc-scene-copy p,.mc-flow-review>p,.mc-flow .mc-flow-label,.mc-flow-result .mc-result-list small) {color:var(--mi-mode-muted)}
html[data-mi-theme] body.mi-site-gradient:not([data-menu-theme]) .mi-home-v2 :is(.mc-demo .mc-brand>span,.mc-demo .mc-sizes b,.mc-flow-review .mc-flow-rows i,.mc-flow-result .mc-result-list i) {color:var(--mi-mode-link)}
html[data-mi-theme] body.mi-site-gradient:not([data-menu-theme]) .mi-home-v2 :is(.mc-demo .mc-scene-art,.mc-reader .mc-icon,.mc-flow-result .mc-result-list>div>span) {
  background:var(--mi-mode-accent-soft);color:var(--mi-mode-link);
}
html[data-mi-theme] body.mi-site-gradient:not([data-menu-theme]) .mi-home-v2 .mc-flow-review {background:var(--mi-mode-surface-raised)!important;color:var(--mi-mode-ink)}
html[data-mi-theme] body.mi-site-gradient:not([data-menu-theme]) .mi-home-v2 .mc-flow-result {background:var(--mi-mode-surface)!important;color:var(--mi-mode-ink)}
html[data-mi-theme] body.mi-site-gradient:not([data-menu-theme]) .mi-home-v2 .mc-flow[data-stage="3"] .mc-flow-result {background:var(--mi-mode-accent-soft)!important}
html[data-mi-theme] body.mi-site-gradient:not([data-menu-theme]) .mi-home-v2 .mc-demo-tabs {
  background:var(--mi-mode-surface-raised);border-color:var(--mi-mode-line);
}
html[data-mi-theme] body.mi-site-gradient:not([data-menu-theme]) .mi-home-v2 .mc-demo-tabs>button {
  background:var(--mi-mode-input);color:var(--mi-mode-muted);border-color:var(--mi-mode-line);
}
html[data-mi-theme] body.mi-site-gradient:not([data-menu-theme]) .mi-home-v2 .mc-demo-tabs>button[aria-selected="true"] {
  background:var(--mi-gradient-action)!important;color:var(--mi-mode-action-ink)!important;border-color:var(--mi-mode-action);
}
/* The input-file illustration remains light paper, with its own matching dark ink. */
html[data-mi-theme] body.mi-site-gradient:not([data-menu-theme]) .mi-home-v2 .mc-paper {
  --mc-ink:#202020!important;--mc-muted:#515151!important;--mc-accent:var(--mi-palette-start)!important;--mc-line:#dedcd3!important;
  background:#fff!important;color:#202020!important;
}
html[data-mi-theme] body.mi-site-gradient:not([data-menu-theme]) .mi-home-v2 .mc-paper h3 {color:#202020!important}
}