/* =========================================================
   Kana Naka Journal – フルリセット版 2025-08
   ========================================================= */

/* ------- 1. 色・タイポ・寸法の変数 ------- */
:root{
  --color-base-bg:#F7F8FA;
  --color-surface:#FFFFFF;
  --color-text:#1F2933;
  --color-subtext:#4B5563;
  --color-line:#E5E7EB;
  --color-primary:#8BA7D3;
  --color-primary-hover:#7896C6;
  --radius:12px;
}

/* ------- 2. 全体リセット ------- */
html,body{
  background:var(--color-base-bg);
  color:var(--color-text);
  font:17px/1.8 "Noto Sans JP",sans-serif;
}
a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px;}
a:hover{color:var(--color-primary-hover);}
hr{border:none;border-top:1px solid var(--color-line);margin:32px 0;}
img{max-width:100%;height:auto;border-radius:6px;}

/* Cocoon 見出しを濃グレーに */
.entry-title a,.entry-content h1,.entry-content h2,.entry-content h3,
.entry-content h4,.entry-content h5,.entry-content h6{color:var(--color-text)!important;}

/* ------- 3. カード／ウィジェット／目次 ------- */
.entry-card,.widget-entry-card,.toc,#toc_container{
  background:var(--color-surface)!important;
  border:1px solid var(--color-line)!important;
  border-radius:var(--radius)!important;
  padding:1em!important;
  box-shadow:0 4px 10px rgba(0,0,0,.04);
}
.toc .toc-title,#toc_container .toc_title{
  font-weight:700;color:var(--color-text);margin-bottom:.6em;
  border-left:4px solid var(--color-primary);padding-left:.6em;
}

/* ------- 4. サイドバーの見出し帯をニュートラルに ------- */
.sidebar .widget-title,
.sidebar h3.widget-title{
  background:#F3F6FB!important;color:var(--color-text)!important;
  border-bottom:1px solid var(--color-line)!important;}
.sidebar .widget-title:before,.sidebar .widget-title:after{display:none!important;}

/* ------- 5. ヘッダーを淡グレーに／タイトルくっきり ------- */
#header,.site-header{background:var(--color-base-bg)!important;border-bottom:1px solid var(--color-line)!important;}
#site-title a,.site-name a{color:var(--color-text)!important;text-decoration:none!important;}

/* =========================================================
   Kana Naka Journal – FULL FINISH PACK 2025-08
   ========================================================= */

/* 1. Design Tokens -------------------------------------------------- */
:root{
  /* Color */
  --color-base-bg:#F7F8FA;
  --color-surface:#FFFFFF;
  --color-text:#1F2933;
  --color-subtext:#4B5563;
  --color-line:#E5E7EB;
  --color-primary:#8BA7D3;
  --color-primary-hover:#7896C6;

  /* Radius & Shadow */
  --radius:12px;
  --shadow:0 3px 6px rgba(0,0,0,.03);
}

/* 2. Global Reset --------------------------------------------------- */
html,body{
  background:var(--color-base-bg);
  color:var(--color-text);
  font:17px/1.9 "Noto Sans JP",sans-serif;
}
a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px;}
a:hover{color:var(--color-primary-hover);}
img{max-width:100%;height:auto;border-radius:6px;}
hr{border:none;border-top:1px solid var(--color-line);margin:32px 0;}

/* 見出しフォント（Playfair Display）*/
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap");
h1,h2,h3,h4,h5,h6{font-family:'Playfair Display','Shippori Mincho',serif;color:var(--color-text);}

/* 3. Card / Widget / TOC ------------------------------------------- */
.entry-card,.widget-entry-card,
#toc_container,.toc{
  background:var(--color-surface)!important;
  border:1px solid var(--color-line)!important;
  border-radius:var(--radius)!important;
  padding:1em!important;
  box-shadow:var(--shadow);
}
.toc .toc-title,#toc_container .toc_title{
  font-weight:700;
  border-left:4px solid var(--color-primary);
  padding-left:.6em;
  margin-bottom:.6em;
  color:var(--color-text);
}

/* 4. Sidebar Widget Title ------------------------------------------ */
.sidebar .widget-title,
.sidebar h3.widget-title{
  background:#F3F6FB!important;
  color:var(--color-text)!important;
  border-bottom:1px solid var(--color-line)!important;
}
.sidebar .widget-title:before,
.sidebar .widget-title:after{display:none!important;}

/* 5. Header --------------------------------------------------------- */
#header,.site-header{
  background:var(--color-base-bg)!important;
  border-bottom:1px solid var(--color-line)!important;
}
#site-title a,.site-name a{
  color:var(--color-text)!important;
  text-decoration:none!important;
}

/* 6. Category Label Colors (slug-based) ----------------------------- */
/* バイオリン・音楽        → /violin-music/ */
.cat-label a[href*="/violin-music/"],
a[href*="/violin-music/"] .cat-label{background:#2F3A56!important;color:#fff!important;}

/* ロンドン子育て           → /london-life/ */
.cat-label a[href*="/london-life/"],
a[href*="/london-life/"] .cat-label{background:#A77DA5!important;color:#fff!important;}

/* YouTube制作記            → /youtube-notes/ */
.cat-label a[href*="/youtube-notes/"],
a[href*="/youtube-notes/"] .cat-label{background:#6B7280!important;color:#fff!important;}

/* 旅・おでかけ             → /travel-outings/ */
.cat-label a[href*="/travel-outings/"],
a[href*="/travel-outings/"] .cat-label{background:#5B8A8F!important;color:#fff!important;}

/* 半生・エッセイ           → /essay-memoir/ */
.cat-label a[href*="/essay-memoir/"],
a[href*="/essay-memoir/"] .cat-label{background:#C8A6B6!important;color:#fff!important;}