/*
Theme Name: SOLNOVA
Theme URI: https://anne-solnovavision.com
Author: anne
Author URI: https://instagram.com/anne_solnova
Description: 収入ゼロの専業主婦が人生を選び直していく過程を記録するブログ「SOLNOVA」専用テーマ。白×やわらかいグリーン、Graybyの赤をさりげなく。
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.4
Version: 0.2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: solnova
*/

/* ===== theme.json で足りない“仕上げ”だけここに ===== */

/* 英字ラベル（eyebrow）：左に細いグリーンの線 */
.is-eyebrow{
  font-family: var(--wp--preset--font-family--label);
  font-size: .72rem; letter-spacing: .32em; text-transform: uppercase;
  color: var(--wp--preset--color--fresh);
  display: inline-flex; align-items: center; gap: 10px;
}
.is-eyebrow::before{ content:""; width:26px; height:2px; background: var(--wp--preset--color--fresh); display:inline-block; }

/* 記事カードのホバー */
.post-card{ border:1px solid var(--wp--preset--color--line); border-radius:5px; overflow:hidden; transition:.25s; background:#fff; }
.post-card:hover{ transform:translateY(-4px); box-shadow:0 14px 30px rgba(58,61,66,.08); border-color:#e3e6e8; }

/* Follow カード（赤い一本線＝スカーフ） */
.follow-card{ border:1px solid var(--wp--preset--color--line); border-radius:8px; box-shadow:0 10px 34px rgba(58,61,66,.05); }
.scarf-thread{ height:3px; width:80px; background: var(--wp--preset--color--red); border-radius:4px; margin:0 auto; }

/* About 上端の細いグリーン線 */
.about-rule{ border-top:2px solid var(--wp--preset--color--fresh); }

/* ヘッダーのナビ */
.site-nav a{ font-family: var(--wp--preset--font-family--label); font-size:.78rem; letter-spacing:.18em; text-transform:uppercase; text-decoration:none; color: var(--wp--preset--color--ink); opacity:.78; }
.site-nav a:hover{ opacity:1; color: var(--wp--preset--color--fresh); }

/* ロゴ（赤なし・ink 統一） */
.site-logo a{ font-family: var(--wp--preset--font-family--label); font-weight:500; font-size:1.5rem; letter-spacing:.22em; color: var(--wp--preset--color--ink); text-decoration:none; }

/* スクロール登場（やさしく・reduced-motion 尊重） */
@media (prefers-reduced-motion: no-preference){
  .reveal{ opacity:0; transform:translateY(16px); animation: rise .7s ease forwards; animation-timeline: view(); animation-range: entry 0% entry 40%; }
  @keyframes rise{ to{ opacity:1; transform:none; } }
}

/* ===== v0.2 検証エラー修正：枠線とフォントはCSS側で指定する ===== */
.site-header{ border-bottom:1px solid var(--wp--preset--color--line); }
.site-footer{ border-top:1px solid var(--wp--preset--color--line); }
.site-footer .site-logo a{ font-size:1.2rem; }
.foot-copy{ font-family:var(--wp--preset--font-family--label); font-size:.72rem; letter-spacing:.08em; }
.is-eyebrow.is-center{ justify-content:center; }
.follow-card .wp-block-buttons{ justify-content:center; }
.sign{ font-family:var(--wp--preset--font-family--heading); font-style:italic; }