/* Color-only theme exploration. Layout, generated artwork, stock logos and collection palettes stay intact. */
:root[data-ui-theme] {
  --line:color-mix(in srgb,var(--paper) 13%,transparent);
  --line-strong:color-mix(in srgb,var(--paper) 26%,transparent);
  --acid-dim:var(--acid);
  --orange:var(--secondary);
  --blue:var(--secondary-text);
  --navy:var(--secondary-bg);
  --clay:var(--secondary);
  --clay-text:var(--secondary-text);
  --clay-muted:var(--muted);
  --warm-panel:var(--secondary-bg);
  --warm-inset:var(--secondary-inset);
  --warm-hover:color-mix(in srgb,var(--secondary) 13%,var(--secondary-bg));
  --warm-line:color-mix(in srgb,var(--secondary) 40%,transparent);
  --secondary-glow:color-mix(in srgb,var(--secondary) 10%,transparent);
  --secondary-selection:color-mix(in srgb,var(--secondary) 15%,var(--secondary-bg));
  --primary-selection:color-mix(in srgb,var(--acid) 14%,var(--panel));
  --shadow:color-mix(in srgb,var(--ink) 65%,#000);
}
html[data-ui-theme] body { background:var(--ink);color:var(--paper); }
html[data-ui-theme] .brand > span:last-child > span { color:var(--muted); }
html[data-ui-theme] .brand .brand-mark { background:none; }
.brand-mark svg { width:100%;height:100%;stroke:none; }
html[data-ui-theme] :is(.main-nav,.nav,.chain-pill,.wallet-button,.credit-pill) { background:var(--panel);border-color:var(--line);color:var(--paper); }
html[data-ui-theme] .nav-link { color:var(--muted); }
html[data-ui-theme] .nav-link.active { background:var(--primary-selection);color:var(--paper); }
html[data-ui-theme] .main-nav button:hover { background:var(--panel-3);color:var(--paper); }
html[data-ui-theme] :is(.credit-gem,.eyebrow > span) { color:var(--acid);text-shadow:none;box-shadow:none; }
html[data-ui-theme] .credit-pill > b { background:var(--acid);color:var(--on-accent); }
html[data-ui-theme] .button-primary { background:var(--acid);border-color:transparent;color:var(--on-accent);box-shadow:none; }
html[data-ui-theme] .button-primary:hover { background:var(--accent-hover);color:var(--on-accent);border-color:transparent; }
html[data-ui-theme] .button-ghost { background:transparent;color:var(--paper);border-color:var(--line-strong); }
html[data-ui-theme] :is(.button-ghost:hover,.button:hover) { border-color:var(--secondary); }
html[data-ui-theme] :is(.hero h1 em,.learn-hero h1 em,.manifesto h2 em) { color:var(--acid); }
html[data-ui-theme] :is(.hero .eyebrow,.section-kicker,.studio-examples .eyebrow,.machine-topline,.machine-topline > div) { color:var(--secondary-text); }
html[data-ui-theme] :is(.hero-lede,.rwa-rewards-note,.studio-examples p,.studio-example small,.manifesto-copy p,.learn-hero p,.principles-copy details p) { color:var(--muted); }
html[data-ui-theme] .rwa-rewards-note { border-color:var(--secondary); }
html[data-ui-theme] .hero-machine { background:var(--panel-2);border-color:var(--line-strong);box-shadow:0 22px 60px color-mix(in srgb,var(--shadow) 17%,transparent); }
html[data-ui-theme] .hero-card-back { background:var(--panel-3); }
html[data-ui-theme] .hero .hero-art-next { background:var(--panel); }
html[data-ui-theme] .hero .hero-deck-controls button:hover { background:var(--acid);color:var(--on-accent); }
html[data-ui-theme] .hero-market #remixHero:hover { color:var(--on-accent); }
html[data-ui-theme] .studio-example { color:var(--paper); }

/* Marketplace consumes these roles directly in styles.css, including detail views. */
/* Discover and explanatory screens. */
html[data-ui-theme] :is(.launch-section,.launch-section:has(.launch-grid > .launch-empty),.workflow article,.rewards-fee-card) { background:var(--panel);border-color:var(--line); }
html[data-ui-theme] .minted-section { background:linear-gradient(115deg,var(--primary-selection),var(--panel) 75%);border-color:var(--line-strong); }
html[data-ui-theme] :is(.launch-card,.launch-search,.launch-sort select,.launch-more) { background:var(--panel-2);border-color:var(--line);color:var(--paper); }
html[data-ui-theme] :is(.launch-card:hover,.launch-more:hover) { background:var(--panel-3);border-color:var(--secondary); }
html[data-ui-theme] .launch-section h2 span { background:var(--panel-3);color:var(--secondary-text); }
html[data-ui-theme] :is(.launch-search input,.launch-value,.launch-minted) { color:var(--paper); }
html[data-ui-theme] :is(.launch-section header p,.launch-feed-note,.launch-symbol,.launch-date,.launch-empty,.launch-sort,.workflow p,.rewards-story p,.rewards-return p,.rewards-fee-card header p,.rewards-fee-note,.rewards-value > div > p,.rewards-details p,.rewards-cta p) { color:var(--muted); }
html[data-ui-theme] :is(.rewards-story small,.rewards-split-labels dt,.rewards-weight-example strong span) { color:var(--secondary-text); }
html[data-ui-theme] .launch-meter { background:var(--panel-3); }
html[data-ui-theme] .launch-meter i { background:var(--acid); }
html[data-ui-theme] .launch-card.is-minted .launch-meter i { background:var(--green); }
html[data-ui-theme] .launch-card.is-minted .launch-minted strong { color:var(--green); }
html[data-ui-theme] :is(.rewards-weight,.rewards-cta) { background:var(--primary-selection);border-color:var(--line); }
html[data-ui-theme] .rewards-split-bar > span:first-child { background:var(--acid); }
html[data-ui-theme] .rewards-split-bar > span:last-child { background:var(--secondary); }
html[data-ui-theme] .cta-band { background:var(--acid);color:var(--on-accent); }
html[data-ui-theme] .cta-band .section-kicker { color:var(--on-accent); }
html[data-ui-theme] .cta-band .button-ink { background:var(--on-accent);color:var(--acid); }
html[data-ui-theme] .cta-band .button-ink:hover { background:var(--ink);color:var(--paper); }

/* The whole authoring workspace participates, including selected and focus states. */
#view-studio .studio-panel { background:var(--panel);border-color:var(--line); }
#view-studio :is(.quote-trigger,.model-option,.style-trigger,.plain-input,.suffix-input,.chat-compose) { background:var(--panel-2);border-color:var(--line-strong);color:var(--paper); }
#view-studio :is(.field-label,.chat-compose textarea,.sprite-toggle strong) { color:var(--paper); }
#view-studio :is(.model-option.active,.chat-user p) { background:var(--primary-selection);border-color:var(--line-strong);color:var(--paper); }
#view-studio :is(.chat-guide > p,.art-chat:not(.is-empty),.main-preview,.preview-bar) { background:var(--panel);color:var(--paper); }
#view-studio .chat-compose:focus-within { border-color:var(--acid);box-shadow:0 0 0 2px color-mix(in srgb,var(--acid) 13%,transparent); }
#view-studio .chat-compose button { background:var(--acid);color:var(--on-accent); }
#view-studio :is(.chat-compose textarea::placeholder,.plain-input::placeholder) { color:var(--muted-2); }
#view-studio :is(.studio-setting-details summary,.studio-setting-details summary > span) { color:var(--muted); }
#view-studio .studio-setting-details summary:hover { color:var(--acid); }
#view-studio .stepper { color:var(--muted); }
#view-studio .stepper i { border-color:var(--line-strong);background:var(--panel);color:var(--muted); }
#view-studio .stepper .active i { background:var(--acid);color:var(--on-accent); }
#view-studio .stepper b { background:var(--line-strong); }
#view-studio .quote-search input { color:var(--paper); }
#view-studio .quote-empty { color:var(--muted); }
#view-studio .preview-empty strong { color:var(--paper); }
#view-studio .generate-button > b { background:color-mix(in srgb,var(--on-accent) 10%,transparent); }
html[data-ui-theme] .app-dialog { background:var(--panel);color:var(--paper);border-color:var(--line-strong);border-radius:16px; }
html[data-ui-theme] :is(.wallet-options button,.credit-packs button,.launch-summary,.launch-denomination,.dialog-stats,.market-list-summary,.code-panel,.code-panel pre) { background:var(--panel-2);color:var(--paper);border-color:var(--line); }
html[data-ui-theme] :is(.wallet-options button > span,.credit-packs button.active) { background:var(--panel-3); }
html[data-ui-theme] .dialog-close { background:var(--panel-2);color:var(--paper);border-color:var(--line); }
html[data-ui-theme] .review-button { background:var(--secondary-bg);color:var(--secondary-text);border-color:var(--warm-line); }
html[data-ui-theme] .review-button:hover { background:var(--warm-hover);border-color:var(--secondary); }