/* SHIFT AI edition: gallery.css の上に重ねる配色だけの差分。96見本（library.js）の色は変えない。 */
:root{--ink:#1f1d24;--ink-sub:#5c5866;--ink-faint:#7d7986;--paper:#ffffff;--paper-warm:#f7f5fa;--line:#e2dfe8;--line-soft:#efedf3;--accent:#c4007a;--accent-2:#8B52E8;--accent-soft:#fbeaf4;--grad:linear-gradient(90deg,#EC008C,#8B52E8);--grad-text-bg:linear-gradient(90deg,#D6007F,#8B52E8)}
/* 白文字を載せる面は、ピンク側を少し濃くして白との差を4.5:1以上にする */

/* Masthead */
.mark i{background:var(--grad)}
.brand-tag{font:700 10px/1 var(--font-mono);letter-spacing:.12em;padding:5px 7px;border-radius:3px;background:var(--grad-text-bg);color:#fff;margin-right:2px}

/* Hero */
.hero h1::after{content:"";display:block;width:72px;height:4px;border-radius:2px;background:var(--grad);margin-top:26px}
.hero-link{gap:24px;padding:13px 22px;border:0;border-radius:999px;background:var(--grad-text-bg);color:#fff}
.hero-art{background:var(--paper-warm)}
.art-label,.art-caption{color:#6b6478}
.sculpture-body i{border-color:#b04fc0;background:linear-gradient(125deg,#EC008C14,#8B52E826)}
.sculpture-shadow{background:#8B52E826}

/* Collection controls */
.filters button[aria-pressed=true]{background:var(--grad-text-bg);color:#fff}
.filters button[aria-pressed=true] span{opacity:.85}
.search-label input:focus{border-bottom-color:var(--accent)}
.view-options button[aria-pressed=true]{text-decoration-color:var(--accent)}
.favorite-button[aria-pressed=true] svg{fill:var(--accent);stroke:var(--accent)}
.mode-dot{background:var(--accent-2)}
.new-label{border-color:#d9c6f6;color:#6c3fc4}

/* Detail dialog */
dialog::backdrop{background:#1f132a88}
.code-tabs button[aria-selected=true]::after{background:var(--grad)}
#code-panel{background:#f6f4f9}
pre{color:#3b3646}