/* Website chrome uses one palette. Photo/QR canvases and invitation documents retain their artwork. */
:root{
 --nvi-site-mode:light;--nvi-site-paper:#f7f4ed;--nvi-site-surface:#fffdf8;--nvi-site-soft:#e9ede2;
 --nvi-site-ink:#23483f;--nvi-site-muted:#5e6c62;--nvi-site-line:#d4dccf;--nvi-site-accent:#7e6033;
 --nvi-site-action:#23483f;--nvi-site-action-hover:#16372f;--nvi-site-on-action:#fffdf8;
 --nvi-site-danger:#a63732;--nvi-site-nav:#23483f;--nvi-site-nav-ink:#fffdf8;
 --nvi-site-banner:#23483f;--nvi-site-banner-ink:#fffdf8;--nvi-site-shadow:0 18px 52px #20392f0d;
}
html[data-nvi-color=dark],html[data-nvp-color=dark]{
 --nvi-site-mode:dark;--nvi-site-paper:#14211b;--nvi-site-surface:#1e3127;--nvi-site-soft:#293f32;
 --nvi-site-ink:#edf2e6;--nvi-site-muted:#bac7b6;--nvi-site-line:#435747;--nvi-site-accent:#d8bb86;
 --nvi-site-action:#b7d1b6;--nvi-site-action-hover:#cee2c9;--nvi-site-on-action:#14211b;
 --nvi-site-danger:#ffb0a8;--nvi-site-nav:#102119;--nvi-site-nav-ink:#edf2e6;
 --nvi-site-banner:#213c2d;--nvi-site-banner-ink:#edf2e6;--nvi-site-shadow:0 18px 52px #00000026;
}
html[data-nvi-color][data-nvp-color] :is(.arsy-site:not(.arsy-invite):not(:has(.arsy-invite,.nvi-invitation)),.nvp,.nvp-admin){
 --paper:var(--nvi-site-paper);--surface:var(--nvi-site-surface);--soft:var(--nvi-site-soft);
 --ink:var(--nvi-site-ink);--muted:var(--nvi-site-muted);--line:var(--nvi-site-line);--brass:var(--nvi-site-accent);
 --forest:var(--nvi-site-action);--danger:var(--nvi-site-danger);
 --arsy-paper:var(--nvi-site-paper);--arsy-ink:var(--nvi-site-ink);--arsy-green:var(--nvi-site-action);
 --arsy-muted:var(--nvi-site-muted);--arsy-line:var(--nvi-site-line);--arsy-gold:var(--nvi-site-accent);
 --fresh-surface:var(--nvi-site-surface);--fresh-soft:var(--nvi-site-soft);--fresh-button:var(--nvi-site-action);
 --fresh-button-ink:var(--nvi-site-on-action);--fresh-leaf-fill:var(--nvi-site-soft);--fresh-shadow:var(--nvi-site-shadow);
 color-scheme:var(--nvi-site-mode);
}
body.nvp-body,body.arsy-standalone:not(:has(.arsy-invite,.nvi-invitation)){background:var(--nvi-site-paper);color:var(--nvi-site-ink)}
html:has(body.nvp-body){color-scheme:var(--nvi-site-mode)}
.nvp [data-color-mode] .arsy-icon{width:21px;height:21px}
.nvp [data-color-mode],.arsy-site .nvi-appearance-toggle{color:var(--nvi-site-ink);background:var(--nvi-site-surface);border-color:var(--nvi-site-line)}
.nvp .nvp-button:not(.nvp-secondary){background:var(--nvi-site-action);border-color:var(--nvi-site-action);color:var(--nvi-site-on-action)!important}
.nvp .nvp-button:not(.nvp-secondary):hover{background:var(--nvi-site-action-hover);border-color:var(--nvi-site-action-hover)}
.nvp .nvp-button.nvp-secondary:hover{background:var(--nvi-site-soft);color:var(--nvi-site-ink)!important}
.nvp .nvp-sidebar{background:var(--nvi-site-nav);color:var(--nvi-site-nav-ink)}
.nvp .nvp-sidebar :is(.nvp-brand,nav>a,.nvp-sidebar-bottom p,.nvp-sidebar-bottom>a,.nvp-nav-label){color:var(--nvi-site-nav-ink)}
.nvp .nvp-sidebar .nvp-button.nvp-secondary{color:var(--nvi-site-nav-ink)!important;border-color:color-mix(in srgb,var(--nvi-site-nav-ink) 55%,transparent)}
.nvp .nvp-sidebar .nvp-button.nvp-secondary:hover{background:#ffffff1a;color:var(--nvi-site-nav-ink)!important}
.nvp .nvp-favorite{background:var(--nvi-site-surface);color:var(--nvi-site-ink);border-color:var(--nvi-site-line)}
.nvp .nvp-favorite[aria-pressed=true]{background:var(--nvi-site-action);color:var(--nvi-site-on-action)}
.nvp .nvp-toast{background:var(--nvi-site-action);color:var(--nvi-site-on-action)}
.nvp .nvp-pricing-table .is-featured{background:var(--nvi-site-action);color:var(--nvi-site-on-action)}
.nvp .nvp-cta,.arsy-site .arsy-cta{background:var(--nvi-site-banner);color:var(--nvi-site-banner-ink)}
.nvp .nvp-cta :is(h2,p,.nvp-kicker),.arsy-site.arsy-fresh .arsy-cta :is(h2,p,.arsy-eyebrow){color:var(--nvi-site-banner-ink)}
.nvp .nvp-cta .nvp-button{background:var(--nvi-site-banner-ink);color:var(--nvi-site-banner)!important;border-color:var(--nvi-site-banner-ink)}
.nvp .nvp-cta .nvp-button:hover{background:var(--nvi-site-banner-ink);color:var(--nvi-site-banner)!important}
/* The Photobooth promotion follows the site; the phone/photo illustration remains a sample design. */
.arsy-site .arsy-home-photobooth{background:var(--nvi-site-soft);color:var(--nvi-site-ink)}
.arsy-site .arsy-home-pb-copy :is(h2,h3){color:var(--nvi-site-ink)}
.arsy-site .arsy-home-pb-copy h2 em,.arsy-site .arsy-home-pb-features article>.arsy-icon{color:var(--nvi-site-accent)}
.arsy-site .arsy-home-pb-copy p,.arsy-site .arsy-home-pb-copy .arsy-home-pb-note,.arsy-site .arsy-home-pb-tag{color:var(--nvi-site-muted)}
/* Photobooth management and editor chrome share the portal palette, including dialogs. */
.nvp :is(.pb-host,.pb-studio,.pb-lightbox,.pb-design-preview-dialog){
 --pb-primary:var(--nvi-site-action);--pb-paper:var(--nvi-site-surface);--pb-ink:var(--nvi-site-ink);
 --pb-accent:var(--nvi-site-accent);--pb-muted:var(--nvi-site-muted);color:var(--nvi-site-ink);color-scheme:var(--nvi-site-mode);
}
.nvp .pb-host :is(.pb-panel,.pb-design-card,.pb-host-gallery article),.nvp .pb-studio,.nvp :is(.pb-lightbox,.pb-design-preview-dialog){background:var(--nvi-site-surface);color:var(--nvi-site-ink);border-color:var(--nvi-site-line)}
.nvp .pb-host :is(.pb-event-selector,.pb-import),.nvp .pb-studio :is(.pb-stage-scroll,.pb-inspector .pb-link){background:var(--nvi-site-soft);color:var(--nvi-site-ink);border-color:var(--nvi-site-line)}
.nvp .pb-host :is(p,small,.pb-small),.nvp .pb-studio :is(p,small,.pb-small){color:var(--nvi-site-muted)}
.nvp :is(.pb-host,.pb-studio) :is(.pb-kicker,.pb-empty>span){color:var(--nvi-site-accent)}
.nvp :is(.pb-host,.pb-studio) .pb-btn:not(.pb-outline),.nvp :is(.pb-host,.pb-studio) .pb-tabs button[aria-pressed=true]{background:var(--nvi-site-action);border-color:var(--nvi-site-action);color:var(--nvi-site-on-action)!important}
.nvp :is(.pb-host,.pb-studio) .pb-btn.pb-outline{background:transparent;color:var(--nvi-site-ink)!important;border-color:var(--nvi-site-line)}
.nvp :is(.pb-host,.pb-studio,.pb-lightbox,.pb-design-preview-dialog) :is(.pb-link,.pb-icon-btn){color:var(--nvi-site-ink);border-color:var(--nvi-site-line)}
.nvp .pb-host .pb-danger{color:var(--nvi-site-danger)!important}
.nvp :is(.pb-host,.pb-studio) :is(input:not([type=checkbox]):not([type=color]):not([type=range]),select,textarea){background:var(--nvi-site-surface);color:var(--nvi-site-ink);border-color:var(--nvi-site-line)}
.nvp :is(.pb-host,.pb-studio) :is(input[type=checkbox],input[type=range]){accent-color:var(--nvi-site-action)}
.nvp .pb-studio :is(.pb-studio-toolbar,.pb-studio-left,.pb-inspector,.pb-layer-list button,.pb-stage-top,.pb-add-elements button,.pb-add-elements label){background:var(--nvi-site-surface);color:var(--nvi-site-ink);border-color:var(--nvi-site-line)}
.nvp .pb-studio :is(.pb-layer-list button[aria-pressed=true],.pb-add-elements button:hover){background:var(--nvi-site-soft);border-color:var(--nvi-site-accent)}
.nvp .pb-studio .pb-stage-scroll{background-image:radial-gradient(var(--nvi-site-line) .6px,transparent .6px)}
.nvp .pb-host :is(fieldset,.pb-host-frame,.pb-host-frames label),.nvp .pb-studio hr{border-color:var(--nvi-site-line)}
.nvp .pb-host .pb-host-frame[data-enabled=true]{background:var(--nvi-site-soft)}
.nvp .pb-host .pb-empty{color:var(--nvi-site-muted);border-color:var(--nvi-site-line)}
.nvp :is(.pb-host,.pb-studio) .pb-notice{background:var(--nvi-site-soft);color:var(--nvi-site-ink);border-color:var(--nvi-site-line)}
.nvp :is(.pb-host,.pb-studio) .pb-notice[data-error=true]{background:color-mix(in srgb,var(--nvi-site-danger) 12%,var(--nvi-site-surface));color:var(--nvi-site-danger);border-color:var(--nvi-site-danger)}
.nvp :is(.pb-lightbox,.pb-design-preview-dialog) .pb-icon-btn{background:var(--nvi-site-surface);color:var(--nvi-site-ink)}
/* Invitation Studio controls follow the site while its iframe and artwork stay independent. */
.nvp .nvis :is(.nvis-add-panel,.nvis-selection-tools,.nvis-photo-browser,.nvis-sharing,.nvis-scene,.nvis-crop-dialog,.nvis-crop-actions){background:var(--nvi-site-surface);color:var(--nvi-site-ink);border-color:var(--nvi-site-line)}
.nvp .nvis :is(.nvis-canvas,.nvis-device-viewport,.nvis-timing-track){background:var(--nvi-site-soft)}
.nvp .nvis :is(p,small,.nvis-note,.nvis-field>span,.nvis-title span,.nvis-eyebrow,.nvis-crop-help,.nvis-crop-note){color:var(--nvi-site-muted)}
.nvp .nvis :is(button,input,select,textarea,.nvis-layer){color:var(--nvi-site-ink);background:var(--nvi-site-surface);border-color:var(--nvi-site-line)}
.nvp .nvis button:hover,.nvp .nvis button[aria-pressed=true],.nvp .nvis .nvis-timing-bar{background:var(--nvi-site-soft);color:var(--nvi-site-ink)}
.nvp .nvis :is(.nvis-delete,.nvis-music-error,.nvis-crop-message.is-error){color:var(--nvi-site-danger)}
.nvp .pb-host :is(.pb-host-preview-art,.pb-host-gallery img){background:var(--nvi-site-soft);border-color:var(--nvi-site-line)}
.nvp .pb-host .pb-host-frame{background:var(--nvi-site-surface)}
.nvp .pb-host .pb-frame-preview-button{color:var(--nvi-site-ink)}
.nvp .pb-host .pb-frame-preview-button small,.nvp .pb-host-preview-art [data-preview-status]{color:var(--nvi-site-muted)}
.nvp .pb-design-preview-dialog>header{background:var(--nvi-site-surface)}
/* Compatibility for the public marketing templates outside the portal shell. */
.arsy-site:not(.nvp):not(:has(.arsy-invite)) :is(.arsy-header,.arsy-skip,.arsy-featured-card,.arsy-theme-card,.arsy-price-card,.arsy-panel,.arsy-search,.arsy-sort select,.arsy-pagination a){background:var(--nvi-site-surface);color:var(--nvi-site-ink);border-color:var(--nvi-site-line)}
.arsy-site:not(.nvp):not(:has(.arsy-invite)) :is(.arsy-banner,.arsy-soft-banner,.arsy-benefits,.arsy-theme-cover,.arsy-detail-preview>a>img,.arsy-spec-grid>article,.arsy-upload,.arsy-invitation-link>div,.arsy-table-wrap th){background:var(--nvi-site-soft);border-color:var(--nvi-site-line)}
.arsy-site:not(.nvp):not(:has(.arsy-invite)) :is(.arsy-button:not(.arsy-button-outline):not(.arsy-button-gold),.arsy-process li>span,.arsy-category-tabs a[aria-current],.arsy-pagination a[aria-current],.arsy-dashboard-nav nav a[aria-current]){background:var(--nvi-site-action);color:var(--nvi-site-on-action)!important;border-color:var(--nvi-site-action)}
.arsy-site:not(.nvp):not(:has(.arsy-invite)) .arsy-button:hover{background:var(--nvi-site-action-hover)}
.arsy-site:not(.nvp):not(:has(.arsy-invite)) .arsy-button-outline{background:transparent;color:var(--nvi-site-ink)!important;border-color:var(--nvi-site-line)}
.arsy-site:not(.nvp):not(:has(.arsy-invite)) .arsy-button-outline:hover{background:var(--nvi-site-soft)}
.arsy-site:not(.nvp):not(:has(.arsy-invite)) .arsy-button-gold{background:var(--nvi-site-accent);border-color:var(--nvi-site-accent);color:var(--nvi-site-on-action)!important}
.arsy-site:not(.nvp):not(:has(.arsy-invite)) :is(.arsy-price-card.is-featured>header,.arsy-price-card.is-featured h3){background:var(--nvi-site-banner);color:var(--nvi-site-banner-ink)}
.arsy-site:not(.nvp):not(:has(.arsy-invite)) :is(input:not([type=checkbox]):not([type=range]):not([type=color]),select,textarea){background:var(--nvi-site-surface);color:var(--nvi-site-ink);border-color:var(--nvi-site-line)}
.arsy-site:not(.nvp):not(:has(.arsy-invite)) :is(.arsy-hero-copy>p:not(.arsy-eyebrow),.arsy-benefits p,.arsy-catalog-hero p:last-child,.arsy-theme-card>div>p span,.arsy-breadcrumb,.arsy-detail-copy>p,.arsy-form-grid small,.arsy-upload>small,.arsy-upload>.arsy-icon,.arsy-dashboard-nav nav a,.arsy-stat-grid p,.arsy-invitation-card blockquote,.arsy-invitation-card>div>p){color:var(--nvi-site-muted)}
.arsy-site:not(.nvp):not(:has(.arsy-invite)) .arsy-toast{background:var(--nvi-site-action);color:var(--nvi-site-on-action)}
/* Change foreground and background together; keep normal hover transitions afterwards. */
html[data-nvi-appearance-changing] :is(.nvp,.arsy-site) *{transition:none!important}
/* This white keepsake card is part of the illustration and needs its own dark lettering. */
.arsy-site .arsy-home-pb-voice{color:#23483f;color-scheme:light}
.nvp .pb-studio .pb-scope-note{background:var(--nvi-site-soft);color:var(--nvi-site-ink);border-color:var(--nvi-site-line)}
