/* JUNAF / MusicAMC: shared visual foundation, 2026-10-09 */
:root{color-scheme:light;--paper:#eae7de;--ink:#171814;--accent:#b43d25;--bg:var(--paper);--panel:#f2efe7;--panel2:#e2dfd5;--text:var(--ink);--muted:#686962;--line:#c5c3b8;--blue:var(--accent);--blue2:var(--accent);--gold:var(--accent);--green:#3f6951;--danger:#b43d25;--radius:8px}
body{background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif}
::selection{background:#b43d2525;color:var(--ink)}
a,button,input,select,textarea{accent-color:var(--accent)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.site-header{background:rgba(234,231,222,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.brand-mark{background:var(--ink);box-shadow:none;position:relative}
.brand-mark:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);position:absolute;right:-2px;top:0}
.brand{letter-spacing:-.025em}.site-nav{gap:18px;color:var(--muted)}.site-nav a:hover,.footer-contact a:hover,.lang-toggle:hover{color:var(--accent)}
.menu-toggle{color:var(--ink)}.menu-toggle span{background:var(--ink)}.lang-toggle{color:var(--muted)}
.hero:before{display:none}.hero h1 em{color:var(--ink)}
.eyebrow,.section-index{color:var(--muted)}.live-dot{background:var(--accent);box-shadow:none}
.button,.button.full,.nav-login,.primary,.ghost,.link{border-radius:5px}
.button.primary,.primary,.button.light{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.button.quiet{background:transparent}.button:hover{border-color:var(--accent);transform:none}
.hero-console{background:var(--panel);border-radius:8px;box-shadow:none}.console-status,.secure-label{color:var(--muted)}.console-status i{background:var(--accent)}
.orbit-ring{border-color:var(--line)}.orbit-ring:before{background:var(--accent);box-shadow:none}
.orbit-core{background:var(--ink);color:var(--paper);box-shadow:none}.orbit-core small{color:var(--paper)}.wave{border-color:var(--line)}
.token-field{background:var(--panel);border-radius:5px}.token-field input{color:var(--ink)}.token-field:focus-within{border-color:var(--accent)}
.login-panel,.card,.store-card,.download-card,.capability-grid article,.ambassador-card,.contact-grid article,.install-card,.changelog-policy>div{border-radius:8px;background:var(--panel)}
.stage-track article.active{background:var(--ink);color:var(--paper)}.stage-track article.active span,.stage-track article.active small{color:#c5c3b8}
.signal-strategy i,.signal-pool i{background:var(--ink);box-shadow:none}.signal-pool i:nth-child(even){background:var(--accent)}.signal-decision i,.signal-feedback i{border-color:var(--accent)}.signal-feedback i:nth-child(2){background:var(--accent);box-shadow:none}
.audience-card{border-radius:8px;border:1px solid var(--line)}.audience-card.business{background:var(--panel);color:var(--ink)}.audience-card.artists{background:var(--ink);color:var(--paper)}.artists .eyebrow,.artists .audience-code{color:#c5c3b8}.artists .button{color:var(--paper);border-color:#686962}
.trial,.page-cta{background:var(--ink);color:var(--paper);border-radius:8px}.trial .section-index,.page-cta .section-index{color:#c5c3b8}.trial .button.light,.page-cta .button.light{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.method-band,.install-note-band{background:var(--panel)}.ambassador-card{background:var(--panel)}.ambassador-avatar{background:var(--ink);color:var(--paper)}.product-update-version{border-color:var(--line)}
.product-update-search input,.ambassadors-search input,.news-search input{color:var(--ink)}.product-update-search button{background:#dedacf;color:var(--ink)}.product-update-search button:hover{background:var(--ink);color:var(--paper)}
.download-actions a{background:#dedacf;color:var(--ink);border-radius:5px}.download-actions a.direct{background:var(--ink);color:var(--paper)}.download-actions a.direct small{color:#c5c3b8}.download-hero .eyebrow{color:var(--accent)}
body:has(.portrait),body:has(.showcase){background:var(--paper)}.portrait,.track,.show-card,.show-empty,.space{border-radius:8px}.founder{background:var(--paper);border-color:var(--line);color:var(--accent)}.portrait:after{color:#fff;text-shadow:0 1px 4px #171814}
input,select,textarea{color-scheme:light}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{background:var(--panel);color:var(--ink)}.message.ok,.online{color:#3f6951}.message.bad{color:var(--danger)}
@media(max-width:1200px){.site-nav{gap:11px;font-size:12px}.nav-shell{width:calc(100% - 32px)}}
@media(max-width:1050px){.menu-toggle{display:block}.site-nav{display:none;position:absolute;left:0;right:0;top:76px;background:var(--paper);padding:22px 28px;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:18px}.site-nav.open{display:flex}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orbit-ring{animation:none}.reveal{opacity:1;transform:none;transition:none}}

/* Whole public-site coverage */
:root{--mint:var(--accent);--red:#b43d25;--bad:#b43d25;--gold:var(--accent);--green:#3f6951}
body[data-junaf-site]{background:var(--paper);color:var(--ink)}
body[data-junaf-site] .btn.gold,body[data-junaf-site] .btn-primary,body[data-junaf-site] .button.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}
body[data-junaf-site] .btn,body[data-junaf-site] .secondary{border-radius:5px}
body[data-junaf-site] .editor,body[data-junaf-site] .login,body[data-junaf-site] .auth,body[data-junaf-site] .plan,body[data-junaf-site] .card-soft{background:var(--panel);border-color:var(--line);border-radius:8px}
body[data-junaf-site] .good,body[data-junaf-site] .message.ok{color:#3f6951}
body[data-junaf-site] .badge.Confirmed,body[data-junaf-site] .badge.Paid,body[data-junaf-site] .badge.Done{background:#e0e8de;color:#31543b}
body[data-junaf-site] .badge.Hold,body[data-junaf-site] .badge.Pending,body[data-junaf-site] .badge.Inquiry{background:#e8dfcb;color:#70582a}
body[data-junaf-site] .badge.Cancelled,body[data-junaf-site] .badge.Lost,body[data-junaf-site] .badge.Overdue{background:#ecdcd6;color:#923321}
body[data-junaf-site] .cal-event{background:#e2dfd5;border-color:#686962;color:var(--ink)}body[data-junaf-site] .cal-event.book{background:#eadbd3;border-color:var(--accent)}body[data-junaf-site] .cal-event.block{background:#dddbe1;border-color:#706473}
body[data-junaf-site=hair] header{background:rgba(234,231,222,.96)}
body[data-junaf-site=hair] .brand i{background:var(--accent);box-shadow:none}
body[data-junaf-site=hair] .hero{display:block;min-height:0;width:auto;margin:0}
body[data-junaf-site=hair] .button.primary{color:var(--paper)}
body[data-junaf-site=hair] .card{border-radius:8px}
body[data-junaf-site=hair] .eyebrow,body[data-junaf-site=hair] .card span{color:var(--accent)}
body[data-junaf-site=hair] .nav a:hover{color:var(--accent)}
@media(max-width:760px){body[data-junaf-site=hair] header .shell{height:auto;min-height:70px;gap:12px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}body[data-junaf-site=hair] .nav{display:flex;gap:12px;flex-wrap:wrap;font-size:12px}}

/* Existing MusicAMC Local JUNAF mark, reused for the website */
.brand-mark{width:28px;height:28px;border-radius:0;background:transparent url('/favicon.svg?v=junaf-1') center/contain no-repeat;box-shadow:none;flex-shrink:0}.brand-mark:after{display:none}
.brand:not(:has(.brand-mark)):before{content:"";display:inline-block;width:28px;height:28px;background:url('/favicon.svg?v=junaf-1') center/contain no-repeat;vertical-align:middle;margin-right:10px;flex-shrink:0}
body[data-junaf-site=hair] .brand i{display:none}