/* From The Souf — dark / minimal system */
:root {
  color-scheme: dark;
  --ink: #f1f1ef;
  --paper: #090909;
  --paper-2: #121212;
  --lime: #d8fb48;
  --orange: #d8fb48;
  --muted: #8d8d8d;
  --line: rgba(255,255,255,.14);
  --store-ink: #f1f1ef;
  --store-paper: #090909;
  --store-lime: #d8fb48;
  --store-orange: #d8fb48;
}
html { background:#090909; }
body { background:#090909 !important; color:#f1f1ef !important; }
.page-noise { opacity:.018; }
.site-header { background:rgba(9,9,9,.94); border-bottom-color:rgba(255,255,255,.12); }
.brand-mark { border-color:rgba(255,255,255,.55); }
.brand-name small, .eyebrow, .hero-stamp, .store-direct, .store-footnote, .results-status { color:#858585; }
.main-nav > a:not(.nav-cta)::after { background:#d8fb48; }
.nav-cta, .round-link { border-color:rgba(255,255,255,.35); }
.nav-cta:hover { background:#f1f1ef; color:#090909; }
.hero { padding-top:clamp(56px,8vh,90px); padding-bottom:70px; }
.hero h1 { color:#f1f1ef; }
.hero h1 em, h2 em, .about-copy h2 em, .contact-section h2 em { color:#d8fb48; }
.hero-intro { color:#b5b5b5; }
.round-link:hover { background:#d8fb48; color:#090909; }
.feature-art { background:#101010; color:#f1f1ef; border:1px solid rgba(255,255,255,.14); box-shadow:none; transform:none; }
.feature-art:hover { transform:translateY(-3px); }
.feature-art-top, .feature-art-footer { color:#929292; }
.feature-player { min-height:500px; aspect-ratio:.83; padding:20px; }
.feature-player-art { position:absolute; inset:65px 0 130px; display:grid; place-items:center; overflow:hidden; }
.player-ring { position:absolute; aspect-ratio:1; border-radius:50%; border:1px solid rgba(255,255,255,.12); }
.ring-one { width:72%; }
.ring-two { width:58%; border-color:rgba(216,251,72,.32); }
.ring-three { width:40%; border-color:rgba(255,255,255,.2); }
.player-art-mark { position:relative; display:grid; place-items:center; width:96px; height:96px; border:1px solid #d8fb48; border-radius:50%; color:#d8fb48; font-size:23px; font-weight:700; letter-spacing:-.09em; }
.player-art-mark span { position:absolute; top:13px; right:12px; font-size:8px; }
.player-art-side { position:absolute; bottom:12px; left:20px; color:#777; font:8px var(--mono); letter-spacing:.12em; }
.feature-art-title { top:42%; left:7%; right:4%; }
.tiny-label { background:#d8fb48; color:#090909; }
.feature-art-title strong { font-size:clamp(36px,4.8vw,64px); text-transform:uppercase; line-height:.9; overflow-wrap:anywhere; max-width:100%; }
.feature-credit { color:#aaa; letter-spacing:.1em; }
.featured-audio-wrap { position:absolute; left:20px; right:20px; bottom:56px; z-index:5; }
.featured-audio-wrap audio { width:100%; height:34px; display:block; filter:none; color-scheme:dark; }
.featured-audio-wrap > span { display:block; margin-top:7px; color:#777; font:8px var(--mono); letter-spacing:.1em; }
.arrow-circle { border-color:rgba(255,255,255,.25); color:#f1f1ef; }
.ticker { display:none; }
.releases { padding-top:clamp(85px,10vw,130px); padding-bottom:clamp(85px,10vw,130px); }
.section-heading { margin-bottom:32px; }
h2 { color:#f1f1ef; }
.release-tools { border-color:rgba(255,255,255,.14); }
.filter-chip { color:#aaa; }
.filter-chip:hover { border-color:rgba(255,255,255,.28); }
.filter-chip.is-active { background:#f1f1ef; color:#090909; }
.filter-chip span { color:#d8fb48; }
.search-box { border-color:rgba(255,255,255,.2); }
.search-box input { color:#f1f1ef; }
.search-box input::placeholder { color:#666; }
.search-box:focus-within { border-color:#d8fb48; }
.search-box kbd { border-color:rgba(255,255,255,.22); }
.release-grid { row-gap:38px; }
.cover, .store-release .cover { background:#121212; border:1px solid rgba(255,255,255,.10); }
.store-release .cover > img { filter:none; }
.store-release .cover-index, .store-release .cover-bottom { color:#aaa; }
.store-release .uploaded-cover-title { color:#f1f1ef; }
.store-release .uploaded-cover-mark { color:#d8fb48; }
.store-release .cover-play { border-color:#d8fb48; color:#d8fb48; }
.store-release .release-meta { color:#888; }
.store-release h3 { color:#f1f1ef; font-size:clamp(17px,1.6vw,22px); }
.store-release .release-artist { color:#a3a3a3; }
.store-release .uploaded-description { color:#8f8f8f; }
.catalog-audio { background:#111; border-radius:3px; color-scheme:dark; }
.release-purchase { border-color:rgba(255,255,255,.15); }
.release-price { color:#e9e9e9; }
.stream-label { color:#878787; }
.buy-button { background:#d8fb48; color:#090909; border-color:#d8fb48; }
.buy-button:hover:not(:disabled) { background:#f1f1ef; color:#090909; border-color:#f1f1ef; }
.catalog-message { color:#888; }
.catalog-empty { border-color:rgba(255,255,255,.2); }
.empty-mark { background:#d8fb48; color:#090909; }
.catalog-empty p { color:#969696; }
.store-footnote { border-color:rgba(255,255,255,.14); }
.collab-section { background:#0e0e0e !important; color:#f1f1ef; border-top:1px solid rgba(255,255,255,.08); border-bottom:1px solid rgba(255,255,255,.08); }
.collab-copy > p:not(.eyebrow), .collab-role, .artist-row .collab-role { color:#8c8c8c !important; }
.artist-row { border-color:rgba(255,255,255,.14); }
.artist-row .collab-index { color:#777; }
.artist-row .collab-arrow { color:#d8fb48; }
.about { background:#090909; }
.about-number { color:#d8fb48; border-color:rgba(255,255,255,.2); }
.about-copy > p:not(.eyebrow) { color:#a5a5a5; }
.text-link { color:#f1f1ef; border-color:rgba(255,255,255,.36); }
.about-decoration { color:#747474; }
.contact-section { background:#101010 !important; color:#f1f1ef; }
.contact-section h2 em { color:#d8fb48; }
.contact-description { color:#999; }
.contact-button { background:#d8fb48 !important; color:#090909 !important; border-color:#d8fb48 !important; }
.contact-social { color:#bbb; border-color:rgba(255,255,255,.28); }
.contact-social:hover { color:#d8fb48; }
.contact-orbit { border-color:rgba(255,255,255,.1); color:#454545; }
.site-footer { background:#070707 !important; color:#e8e8e8; border-top:1px solid rgba(255,255,255,.12); }
.site-footer p, .site-footer small { color:#818181; }
.footer-brand em { color:#d8fb48; font-style:normal; }
.footer-links a { color:#a5a5a5; }
.footer-links a:hover { color:#d8fb48; }
.checkout-dialog { color:#f1f1ef; }
.checkout-panel { background:#101010; color:#f1f1ef; border:1px solid rgba(255,255,255,.18); box-shadow:0 22px 70px rgba(0,0,0,.7); }
.checkout-dialog::backdrop { background:rgba(0,0,0,.82); }
.dialog-close { border-color:rgba(255,255,255,.25); color:#f1f1ef; }
.checkout-description, .checkout-terms, .checkout-status { color:#929292; }
.checkout-panel input { background:#090909; color:#f1f1ef; border-color:rgba(255,255,255,.22); }
.checkout-panel input:focus { border-color:#d8fb48; box-shadow:0 0 0 1px #d8fb48; }
.checkout-total { border-color:rgba(255,255,255,.2); }
.button-store { background:#d8fb48; color:#090909; border-color:#d8fb48; }
.button-store:hover { background:#f1f1ef; color:#090909; }
.checkout-status.error { color:#ff8c79; }
.checkout-status.success { color:#b7e77c; }
.checkout-status.pending { color:#f1ce7d; }
.download-ready { border-color:rgba(255,255,255,.18); }
.site-toast { background:#f1f1ef; color:#090909; box-shadow:0 10px 40px rgba(0,0,0,.4); }
.site-toast.success { border-left-color:#d8fb48; }
.site-toast.error { border-left-color:#f08a76; }
.install-callout { background:#101010; color:#f1f1ef; border:1px solid rgba(255,255,255,.2); box-shadow:none; }
.install-callout a { color:#d8fb48; }
.policy-main .policy-intro { color:#aaa; }
.policy-section { border-color:rgba(255,255,255,.14); }
.policy-section p { color:#969696; }
.policy-nav a { border-color:rgba(255,255,255,.28); }
/* Admin / setup share the same dark system for a consistent label workspace. */
.admin-body { background:#090909 !important; color:#f1f1ef; }
.dash-header { background:rgba(9,9,9,.95); border-color:rgba(255,255,255,.13); }
.dash-brand small, .dash-kicker, .muted, .dash-date span { color:#858585; }
.dashboard-shell h1 em, .setup-shell h1 em, .login-copy h1 em { color:#d8fb48; }
.brand-box { border-color:rgba(255,255,255,.45); }
.public-link { border-color:rgba(255,255,255,.35); }
.button { border-color:rgba(255,255,255,.25); color:#f1f1ef; }
.button.primary { background:#d8fb48; border-color:#d8fb48; color:#090909; }
.button.primary:hover { background:#f1f1ef; border-color:#f1f1ef; color:#090909; }
.button.secondary { background:transparent; }
.button.secondary:hover { background:#1b1b1b; }
.stat-card, .admin-release-item, .settings-card, .orders-table-wrap, .payment-checklist, .security-note { background:#101010 !important; border-color:rgba(255,255,255,.14); }
.stat-card>span, .stat-card small, .admin-release-meta { color:#888; }
.dash-sidebar { border-color:rgba(255,255,255,.2); }
.dash-tab { border-color:rgba(255,255,255,.13); }
.dash-tab.is-active { background:#d8fb48; color:#090909; }
.dash-tab.is-active span { color:#090909; }
.dash-panel { border-color:rgba(255,255,255,.18); }
.editor-card { background:#101010; border-color:rgba(255,255,255,.18); box-shadow:none; }
.form-grid input, .form-grid select, .form-grid textarea, .settings-card input, .settings-card select, .settings-card textarea, .login-card input, .stack-form input { background:#080808; border-color:rgba(255,255,255,.2); color:#f1f1ef; }
.form-grid input:focus, .form-grid select:focus, .form-grid textarea:focus, .settings-card input:focus, .settings-card textarea:focus, .login-card input:focus { background:#111; }
.orders-table th { background:#171717; color:#aaa; }
.orders-table td { border-color:rgba(255,255,255,.12); }
.pill { color:#b1b1b1; border-color:rgba(255,255,255,.2); }
.pill.published { background:#182015; border-color:#344827; color:#c5ef99; }
.pill.draft { background:#1b1b1b; }
.pill.master-pill { background:#11191b; border-color:#293b41; color:#c1e4ee; }
.pill.pending { background:#241c0f; border-color:#524323; color:#f2ce7b; }
.payment-callout { background:#15190c; border-color:#d8fb48; }
.payment-callout p, .payment-checklist p, .security-note p { color:#a1a1a1; }
.notice { background:#14200e; border-color:#3f592f; color:#d4f6b3; }
.notice.error { background:#25120f; border-color:#70352a; color:#ffb3a4; }
.login-card, .setup-shell { background:#101010; border-color:rgba(255,255,255,.15); color:#f1f1ef; }
.dash-footer { border-color:rgba(255,255,255,.13); color:#818181; }
.dash-toast { background:#f1f1ef; color:#090909; }
@media (max-width:700px) {
 .site-header { height:72px; }
 .main-nav { background:#090909; border-color:rgba(255,255,255,.13); }
 .main-nav > a:not(.nav-cta) { border-color:rgba(255,255,255,.13); }
 .main-nav > a:not(.nav-cta)::after { display:none; }
 .feature-player { width:100%; max-width:430px; min-height:440px; margin-right:0; }
 .feature-player-art { inset:58px 0 122px; }
 .feature-art-title { top:37%; }
 .feature-art-title strong { font-size:clamp(35px,8.5vw,52px); }
 .featured-audio-wrap { bottom:55px; }
 .release-tools { align-items:flex-start; flex-direction:column; }
 .search-box { width:100%; }
 .search-box input { flex:1; width:auto; }
 .stat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .dash-layout { grid-template-columns:1fr; }
 .dash-sidebar { display:flex; overflow:auto; position:static; border-top:0; border-bottom:1px solid rgba(255,255,255,.18); margin-bottom:24px; }
 .dash-tab { white-space:nowrap; padding:13px 11px; }
 .dash-tab span { display:none; }
 .dashboard-shell { width:calc(100% - 32px); padding-top:35px; }
 .dash-header { padding-inline:16px; }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; transition-duration:.01ms!important; } }