@charset "UTF-8";
/*!
Theme Name: Cocoon Child – JUA AURA
Description: Cocoon の子テーマ。JUA AURA のラグジュアリー配色（ノワール × シャンパンゴールド）。
Theme URI: https://jua-party.com/
Author: JUA AURA
Template: cocoon-master
Version: 1.1.0
*/

/* Cocoon ページ共通（トップ以外）に JUA AURA の配色を適用 */
body:not(.jua-front) {
  background: var(--ink, #0b0a0e);
  color: var(--text, #e9e2d4);
  font-family: "Noto Sans JP", "Hiragino Sans", sans-serif;
  letter-spacing: .03em;
}
body:not(.jua-front) a { color: var(--gold-hi, #e7d3a1); }
body:not(.jua-front) a:hover { color: var(--gold, #c9a96a); }

/* Header / navigation */
body:not(.jua-front) .header-container,
body:not(.jua-front) .header,
body:not(.jua-front) #navi,
body:not(.jua-front) .navi-in > ul,
body:not(.jua-front) .navi-in .sub-menu { background: #0b0a0e; border-color: rgba(201,169,106,.28); }
body:not(.jua-front) .header-container { border-bottom: 1px solid rgba(201,169,106,.28); }
body:not(.jua-front) .site-name-text,
body:not(.jua-front) .logo-text a {
  font-family: "Cormorant Garamond", serif; letter-spacing: .32em; font-weight: 500;
  background: linear-gradient(135deg, #f0dfae 0%, #c9a96a 45%, #9a7b45 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
body:not(.jua-front) .tagline { color: #a39b8c; }
body:not(.jua-front) .navi-in a { color: #e9e2d4; font-family: "Noto Serif JP", serif; }
body:not(.jua-front) .navi-in a:hover { background: rgba(201,169,106,.12); color: #e7d3a1; }

/* Content & sidebar */
body:not(.jua-front) .content,
body:not(.jua-front) .main,
body:not(.jua-front) .sidebar,
body:not(.jua-front) .wrap { background: transparent; }
body:not(.jua-front) .main,
body:not(.jua-front) .sidebar { border: 1px solid rgba(201,169,106,.14); border-radius: 6px; background: #121017; }
body:not(.jua-front) .entry-title,
body:not(.jua-front) .archive-title,
body:not(.jua-front) .article h2,
body:not(.jua-front) .article h3,
body:not(.jua-front) .sidebar h2,
body:not(.jua-front) .sidebar h3 {
  font-family: "Noto Serif JP", serif; font-weight: 500; color: #f5efe3; letter-spacing: .08em;
}
body:not(.jua-front) .article h2 { background: transparent; border: 0; border-left: 2px solid #c9a96a; padding: 8px 16px; }
body:not(.jua-front) .article h3 { border: 0; border-bottom: 1px solid rgba(201,169,106,.28); padding: 6px 0; }
body:not(.jua-front) .sidebar h2,
body:not(.jua-front) .sidebar h3 { background: transparent; border-bottom: 1px solid rgba(201,169,106,.28); color: #c9a96a; }
body:not(.jua-front) .entry-card-wrap,
body:not(.jua-front) .related-entry-card-wrap,
body:not(.jua-front) .a-wrap { color: #e9e2d4; }
body:not(.jua-front) .a-wrap:hover { background: rgba(201,169,106,.08); }
body:not(.jua-front) .cat-label { background: #9a7b45; border-color: #c9a96a; color: #0b0a0e; }
body:not(.jua-front) .breadcrumb,
body:not(.jua-front) .date-tags,
body:not(.jua-front) .entry-snippet,
body:not(.jua-front) .post-date,
body:not(.jua-front) .post-update { color: #a39b8c; }
body:not(.jua-front) blockquote { background: #19161f; border-color: rgba(201,169,106,.28); color: #e9e2d4; }
body:not(.jua-front) table th { background: #211d28; color: #e7d3a1; }
body:not(.jua-front) table td, body:not(.jua-front) table th { border-color: rgba(201,169,106,.2); }
body:not(.jua-front) input, body:not(.jua-front) textarea, body:not(.jua-front) select {
  background: #0b0a0e; color: #e9e2d4; border: 1px solid rgba(201,169,106,.28); color-scheme: dark;
}
body:not(.jua-front) .search-submit,
body:not(.jua-front) .pagination .current,
body:not(.jua-front) .page-numbers.current { background: #c9a96a; color: #1a140a; border-color: #c9a96a; }
body:not(.jua-front) .sns-share a, body:not(.jua-front) .sns-follow a { filter: saturate(.6); }

/* Footer */
body:not(.jua-front) .footer,
body:not(.jua-front) #footer { background: #07060a; color: #a39b8c; border-top: 1px solid rgba(201,169,106,.28); }
body:not(.jua-front) .footer a { color: #a39b8c; }
body:not(.jua-front) .copyright { font-family: "Cormorant Garamond", serif; letter-spacing: .2em; }
body:not(.jua-front) .go-to-top-button { background: linear-gradient(135deg, #f0dfae, #c9a96a 45%, #9a7b45); color: #1a140a; border: 0; }