/* Approved Vermilion palette + Patched Up identity, shared by the real pages.
   No preview controls, data overrides or wallet behavior live in this layer. */
.cope-wordmark{display:inline-flex;align-items:center;vertical-align:middle}
.cope-wordmark:hover{text-decoration:none}
.brand-wordmark{display:block;width:2.62em;height:1em;max-width:100%;object-fit:contain}
.brand-mark{display:block;width:1.15em;height:1.27em;object-fit:contain}
.site-header .cope-wordmark{width:6.8rem;min-height:2.75rem;flex-shrink:0}
.site-header .brand-wordmark{width:100%;height:auto}
.workspace-header .cope-wordmark{width:6rem;min-height:2.75rem;flex-shrink:0}
.workspace-header .brand-wordmark{width:100%;height:auto}
.footer-wordmark{display:flex;justify-content:center}
.footer-wordmark .brand-wordmark{width:100%;height:auto;max-height:1em}
.token-medallion .cope-wordmark{justify-content:center}
.token-medallion .brand-mark{width:1.4em;height:1.55em}
.machine-cope .brand-mark{width:1.2em;height:1.33em}

body{background:var(--paper);color:var(--ink)}
.hero-highlight,.tier-choice.featured,.tier-card.featured,
.stock-options button[aria-pressed=true],.stock-choices button[aria-pressed=true],
.stock-picker button[aria-pressed=true],.fee-direction button[aria-pressed=true]{color:var(--on-accent)}
.hero-highlight *{color:inherit}
.tier-choice.featured p,.tier-choice.featured dt,.tier-choice.featured dd,
.tier-card.featured p,.tier-card.featured small{color:var(--on-accent)}
.tier-choice.featured dl>div:first-child dt{color:var(--on-accent)}
.tier-choice.featured dl div{border-color:color-mix(in srgb,var(--on-accent) 35%,var(--accent))}
.site-header .nav-app{background:var(--accent);color:var(--on-accent);min-height:2.75rem}
.nav-app span{background:var(--ink);color:var(--paper)}
.skip-link{color:var(--on-accent)}
.nav-tabs a[aria-current],.nav-tabs a.is-active{color:var(--paper)}
.site-header .nav-tabs a[aria-current="location"]{color:var(--paper)}
.hero-relief-mark{color:var(--on-accent)}
.button.primary,.wallet-search>.button{background:var(--ink);color:var(--paper)}
.button.primary:hover:enabled,.wallet-search>.button:hover:enabled{background:var(--secondary-ink);color:var(--paper)}
.button.secondary:hover:enabled{background:var(--soft)}
input,select,textarea{color:var(--ink);background:var(--paper-raised);accent-color:var(--accent)}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
input,select,textarea,.stock-options button{border-color:var(--border-strong)}
input[type=range]{accent-color:var(--accent)}
button:disabled,.button:disabled{opacity:1;background:var(--disabled-surface);color:var(--disabled-ink);border-color:var(--border-strong);cursor:not-allowed;box-shadow:none}
:is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--ink);outline-offset:4px}

.trade-cinema,.reward-desk,.wallet-body{background:var(--panel);color:var(--panel-text);border-color:var(--panel)}
.reward-desk>p,.reward-desk .claim-summary,.reward-desk .claim-help-copy,
.reward-desk .desk-link,.reward-desk .reward-line{color:var(--panel-text)}
.reward-desk>.eyebrow,.reward-desk .claim-help summary,
.reward-desk .claim-help a,#claim-quote strong{color:var(--panel-accent)}
.reward-desk .reward-fineprint{color:var(--panel-muted)}
.reward-desk .stock-options button{color:var(--panel-text);border-color:var(--panel-border)}
.reward-desk .stock-options button:hover:enabled{background:color-mix(in srgb,var(--panel-text) 12%,var(--panel))}
.reward-desk .stock-options button[aria-pressed=true]{background:var(--accent);color:var(--on-accent);border-color:var(--accent);box-shadow:inset 0 -3px 0 var(--on-accent)}
.reward-desk .stock-options button:disabled{color:var(--panel-muted);background:var(--panel);border-style:dashed;box-shadow:none}
.reward-desk .button.primary{background:var(--accent);color:var(--on-accent)}
.reward-desk .button.primary:hover:enabled{background:var(--panel-accent);color:var(--on-accent)}
.reward-desk .button:disabled{background:var(--disabled-surface);color:var(--disabled-ink);border-color:var(--disabled-surface)}
.reward-line{border-color:var(--panel-border)}
.reward-desk :is(a,button,summary):focus-visible,.trade-cinema :is(a,button):focus-visible{outline-color:var(--panel-text)}
.claim-help[open] .help-mark{background:var(--panel-accent);border-color:var(--panel-accent);color:var(--on-accent)}

.cinema-top,.cinema-top>span:last-child,.cinema-metric>div>span,
.chart-labels,.cinema-footnote,.wallet-body .wallet-caption{color:var(--panel-text)}
.cinema-top{border-color:var(--panel-border)}
.cinema-metric strong,.trade-direction{color:var(--chart-negative)}
.trade-cinema .trade-direction,.chart-labels span:last-child{color:var(--panel-accent)}
.market-grid path{stroke:color-mix(in srgb,var(--panel-text) 18%,var(--panel))}
.loss-trail{stroke:var(--chart-negative)}
.recovery-candle rect,#recovery-end{fill:var(--panel-accent)}
.recovery-candle line,#reward-trail{stroke:var(--panel-accent)}
.hero-mini{background:var(--panel)}
.cinema-relief .reward-input span,.cinema-relief .reward-output span{color:var(--muted)}
.trade-cinema .recovery-callout,.trade-cinema .recovery-callout strong,
.trade-cinema .recovery-callout span{color:var(--on-accent)}

.positive{color:var(--positive)!important}.negative{color:var(--negative)!important}
.status-message.error,.inline-error{color:var(--negative);background:var(--error-surface);border-color:var(--negative)}
.inline-success{color:var(--success);background:var(--success-surface);border-color:var(--success)}
.network-dot,[data-online=true] .activity-dot{background:var(--success)}
[data-online=true] .activity-dot{box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 10%,transparent)}
.activity-filters [aria-pressed=true]{background:var(--ink);color:var(--paper)}
.activity-launch:hover,#activity-new{background:var(--accent);color:var(--on-accent)}
.activity-paid{border-left-color:var(--success)}
.activity-toast{border-color:var(--ink)}
.wallet-dialog::backdrop,.activity-dialog::backdrop{background:color-mix(in srgb,var(--ink) 35%,transparent)}
.dialog-heading button{color:var(--ink)}

.tokenomics{--token-blue:var(--secondary-soft);--token-blue-ink:var(--secondary-ink);--token-peach:var(--tint);--token-peach-ink:var(--ink);--token-green:var(--ink)}
.token-heading h2>span,.tokenomics .allocation-wheel>span:first-child{color:var(--on-accent)}
.tokenomics .allocation-row.is-selected>button{text-decoration-color:var(--accent)}
.fee-lab-controls>.fee-error{color:var(--negative)}
.flywheel-center,.token-medallion{color:var(--on-accent)}
.flywheel-center .brand-wordmark{max-width:90%}
.ticket-header .brand-wordmark{max-width:5.2rem}
.wallet-pass,.example-output,.example-output #stock-symbol,
.token-utility .tier.holder,.token-utility .tier.holder .tier-detail,
.flywheel-node.is-active b,.machine-stock-choices button[aria-pressed=true]{color:var(--on-accent)}
.machine-token-link{color:var(--panel-accent)}
.machine-token-link:focus-visible{outline-color:var(--panel-text)}
.ticket-content[data-receipt-scene="0"] .ticket-ledger>div:first-child dd,
.ticket-content[data-receipt-scene="2"] .ticket-ledger>div:last-child dd,
.ticket-content[data-receipt-scene="3"] .ticket-ledger>div:first-child dd{color:var(--on-accent)}
.ticket-ledger .ticket-gain{color:var(--positive)}

@media(min-width:800px){.workspace-header .cope-wordmark{width:6.4rem}}
