/* Local homepage palette study only. Source colors sampled from Screenshot 3098. */
.mf-site[data-view=home][data-palette=sun-electric-purple] {
  --home-canvas: #fffcf2;
  --home-canvas-alt: #fff3cc;
  --home-surface: #ffffff;
  --home-soft: #f5eafb;
  --home-ink: #2b1a47;
  --home-body: #514264;
  --home-muted: #6b5b7a;
  --home-action: #6b2fbf;
  --home-action-hover: #57249f;
  --home-on-action: #ffffff;
  --home-border: #d9c2f080;
  --home-border-strong: #6b2fbf80;
  --home-focus: #6b2fbf;
  --home-hero-art: #ffd93d;
  --home-preview: var(--home-surface);
  --home-preview-ink: var(--home-ink);
  --home-card-one: var(--home-surface);
  --home-card-two: var(--home-surface);
  --home-card-three: var(--home-surface);
  --home-card-border: #d9c2f099;
  --home-card-feature-border: #6b2fbf99;
  --home-card-label: var(--home-muted);
  --home-card-feature-label: var(--home-action);
  --home-demo-one: var(--home-surface);
  --home-demo-two: var(--home-surface);
  --home-demo-three: var(--home-surface);
  --home-note: #f5eafb;
  --home-note-overlay: #f5eafb;
  --home-cta: #ffd93d;
  --home-cta-ink: var(--home-ink);
  --home-cta-button: #6b2fbf;
  --home-cta-button-ink: #ffffff;
  --home-header: #fffcf2f2;
  --home-shadow: 0 14px 40px #2b1a471c;
  color-scheme: light;
}

.mf-site[data-view=home][data-palette=sun-electric-purple][data-home-theme=dark] {
  --home-canvas: #15111c;
  --home-canvas-alt: #21182e;
  --home-surface: #2b1a47;
  --home-soft: #382451;
  --home-ink: #f5effb;
  --home-body: #c5b8d7;
  --home-muted: #aa9abf;
  --home-action: #ffd93d;
  --home-action-hover: #ffe36b;
  --home-on-action: #2b1a47;
  --home-border: #d9c2f04d;
  --home-border-strong: #d9c2f080;
  --home-focus: #ffd93d;
  --home-hero-art: var(--home-surface);
  --home-preview: var(--home-surface);
  --home-preview-ink: var(--home-ink);
  --home-card-one: var(--home-surface);
  --home-card-two: var(--home-surface);
  --home-card-three: var(--home-surface);
  --home-card-border: #d9c2f026;
  --home-card-feature-border: #d9c2f080;
  --home-card-label: var(--home-muted);
  --home-card-feature-label: var(--home-action);
  --home-demo-one: var(--home-surface);
  --home-demo-two: var(--home-surface);
  --home-demo-three: var(--home-surface);
  --home-note: var(--home-surface);
  --home-note-overlay: var(--home-surface);
  --home-cta: #6b2fbf;
  --home-cta-ink: #ffffff;
  --home-cta-button: #ffd93d;
  --home-cta-button-ink: #2b1a47;
  --home-header: #15111cf2;
  --home-shadow: 0 14px 40px #0c07164d;
  color-scheme: dark;
}

/* Keep the comparison focused on the four sampled colors and one card surface. */
.mf-site[data-view=home][data-palette=sun-electric-purple] .mf-card,
.mf-site[data-view=home][data-palette=sun-electric-purple] .mf-card-demo { box-shadow: none; }
.mf-site[data-view=home][data-palette=sun-electric-purple] .mf-card:nth-child(3) { border-width: 2px; }