/* Two new presets, with all decorative colours derived from published tokens. */
body:not([data-theme-system="8"])[data-theme="futuristic"]{background:radial-gradient(ellipse at 90% 0%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 48%),var(--paper);color:var(--ink)}
body:not([data-theme-system="8"])[data-theme="futuristic"] .hero{background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 65%),var(--white);border:1px solid var(--line);border-radius:22px;padding:24px}
body:not([data-theme-system="8"])[data-theme="futuristic"] h1,body:not([data-theme-system="8"])[data-theme="futuristic"] h2,body:not([data-theme-system="8"])[data-theme="futuristic"] h3{letter-spacing:-.04em}
body:not([data-theme-system="8"])[data-theme="futuristic"] .primary,body:not([data-theme-system="8"])[data-theme="futuristic"] .cta,body:not([data-theme-system="8"])[data-theme="futuristic"] .club-reward-action{box-shadow:0 0 20px color-mix(in srgb,var(--olive) 12%,transparent)}
body:not([data-theme-system="8"])[data-theme="futuristic"] .hero-benefit,body:not([data-theme-system="8"])[data-theme="futuristic"] .secondary-grid a,body:not([data-theme-system="8"])[data-theme="futuristic"] .item,body:not([data-theme-system="8"])[data-theme="futuristic"] .app-dock{background:var(--white);border:1px solid var(--line);border-radius:16px}
body:not([data-theme-system="8"])[data-theme="futuristic"] .hero-benefit{color:var(--surface-ink);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,var(--white)),var(--white))}
body:not([data-theme-system="8"])[data-theme="futuristic"] .home-cat,body:not([data-theme-system="8"])[data-theme="futuristic"] .cats button{border-radius:10px;border:1px solid var(--line)}
body:not([data-theme-system="8"])[data-theme="futuristic"] .club-reward-card{border-color:color-mix(in srgb,var(--accent) 25%,var(--line));background:linear-gradient(130deg,color-mix(in srgb,var(--accent) 12%,var(--white)),var(--white))}
body:not([data-theme-system="8"])[data-theme="retro"] .hero{background:var(--white);border:2px solid var(--ink);border-radius:70px 70px 16px 16px;padding:28px 22px;text-align:center;box-shadow:4px 4px 0 color-mix(in srgb,var(--accent) 45%,var(--paper))}
body:not([data-theme-system="8"])[data-theme="retro"] .hero .eyebrow{color:var(--primary-text);letter-spacing:.12em}
body:not([data-theme-system="8"])[data-theme="retro"] h1,body:not([data-theme-system="8"])[data-theme="retro"] h2,body:not([data-theme-system="8"])[data-theme="retro"] h3{letter-spacing:-.04em}
body:not([data-theme-system="8"])[data-theme="retro"] .primary,body:not([data-theme-system="8"])[data-theme="retro"] .cta{border:2px solid var(--ink)!important;border-radius:999px;box-shadow:2px 3px 0 var(--ink)}
body:not([data-theme-system="8"])[data-theme="retro"] .hero-benefit{background:color-mix(in srgb,var(--accent) 30%,var(--white));color:var(--surface-ink);border:2px solid var(--ink);border-radius:12px}
body:not([data-theme-system="8"])[data-theme="retro"] .item,body:not([data-theme-system="8"])[data-theme="retro"] .secondary-grid a,body:not([data-theme-system="8"])[data-theme="retro"] .home-product{background:var(--white);border:1px solid var(--line);border-radius:9px}
body:not([data-theme-system="8"])[data-theme="retro"] .cats button,body:not([data-theme-system="8"])[data-theme="retro"] .home-cat{border:1px solid var(--ink);border-radius:999px}
body:not([data-theme-system="8"])[data-theme="retro"] .app-dock{border:2px solid var(--ink);border-radius:30px;background:var(--white)}
body:not([data-theme-system="8"])[data-theme="retro"] #rewardsScreen .club-reward-card{border:2px solid var(--ink);border-radius:14px;background:color-mix(in srgb,var(--accent) 20%,var(--white))}
body:not([data-theme-system="8"])[data-theme="retro"] #rewardsScreen .club-stamp.earned{transform:rotate(-8deg)}
/* Actual theme previews preserve the selected fonts and token pairs. */
.v4-client-preview[data-client-theme="futuristic"] .v4-prev-brand{border:1px solid currentColor!important;border-radius:20px!important}
.v4-client-preview[data-client-theme="retro"] .v4-prev-brand{border:2px solid currentColor!important;border-radius:40px 40px 10px 10px!important;text-align:center}
.v4-client-preview[data-client-theme="retro"] .v4-preview-btn{border:2px solid currentColor!important;box-shadow:2px 2px 0 currentColor}
body:not([data-theme-system="8"])[data-admin-theme="futuristic"] #app>.nav{background:var(--white);color:var(--ink);border-right:1px solid var(--line)}
body:not([data-theme-system="8"])[data-admin-theme="futuristic"] #app>.nav button,body:not([data-theme-system="8"])[data-admin-theme="retro"] #app>.nav button{color:var(--ink);font-family:inherit}
body:not([data-theme-system="8"])[data-admin-theme="futuristic"] #app>.nav button.on,body:not([data-theme-system="8"])[data-admin-theme="retro"] #app>.nav button.on{background:var(--olive);color:var(--on-primary)}
body:not([data-theme-system="8"])[data-admin-theme="futuristic"] .nav-icon,body:not([data-theme-system="8"])[data-admin-theme="retro"] .nav-icon{background:color-mix(in srgb,var(--olive) 10%,var(--white));color:var(--primary-text)}
body:not([data-theme-system="8"])[data-admin-theme="futuristic"] .top h1,body:not([data-theme-system="8"])[data-admin-theme="retro"] .top h1{font-family:inherit!important}
body:not([data-theme-system="8"])[data-admin-theme="retro"] .settings-card,body:not([data-theme-system="8"])[data-admin-theme="retro"] .kpi,body:not([data-theme-system="8"])[data-admin-theme="retro"] .chartbox{border:1px solid var(--ink);border-radius:10px}