/*
Theme Name: nasumachi
Theme URI: https://www.nasumachikyoui.jp/
Description: みんなの通信制高校ナビ リニューアルテーマ。提案デザイン（#0FA6CE / #0E86B0 / #EE8A3C、Zen Maru Gothic + Zen Kaku Gothic New、Material Symbols Rounded、角丸と柔らかい影）に準拠。旧テーマ templa と並行構築し、コンテンツDBには手を入れない。
Version: 0.1.0
Author: agoora
Text Domain: nasumachi
Requires PHP: 7.4
Requires at least: 5.8
*/

/* =========================================================
   CSS 変数（docs/mock.html の :root をそのまま採用）
   ========================================================= */
:root{
  --brand:#0FA6CE;
  --brand-deep:#0E86B0;
  --accent:#EE8A3C;
  --ink:#2A2E33;
  --ink-soft:#51636b;
  --ink-mute:#6b7b83;
  --line:#E1EFF3;
  --brand-tint:#E6F6FB;
  --brand-tint2:#EAF6FA;
  --paper:#F1F5F6;
  --card:#ffffff;
  --shadow-sm:0 12px 26px -20px rgba(30,36,40,.5);
  --shadow-md:0 12px 22px -8px rgba(226,118,31,.55);
  --shadow-brand:0 8px 16px -8px rgba(15,166,206,.6);

  /* タイポ */
  --font-body:'Zen Kaku Gothic New', sans-serif;
  --font-disp:'Zen Maru Gothic', sans-serif;
}

/* =========================================================
   リセット
   ========================================================= */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}

/* =========================================================
   ベース文字組み
   ========================================================= */
body{
  font-family:var(--font-body);
  color:var(--ink);
  background:var(--paper);
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* 見出しはまるゴシック（Zen Maru Gothic） */
h1,h2,h3,h4,h5,h6,.disp{
  font-family:var(--font-disp);
  line-height:1.4;
  color:var(--ink);
}

a{color:inherit;text-decoration:none}
a:hover{opacity:.9}
img{max-width:100%;height:auto;display:block}
button,input,select,textarea{font:inherit;color:inherit}

/* Material Symbols Rounded ヘルパ */
.msr{
  font-family:'Material Symbols Rounded';
  font-weight:normal;
  font-style:normal;
  line-height:1;
  letter-spacing:normal;
  display:inline-block;
  vertical-align:middle;
  -webkit-font-feature-settings:'liga';
  font-feature-settings:'liga';
}

/* コンテンツ幅の器（各テンプレート共通の外枠） */
.stage{max-width:1080px;margin:0 auto;padding:0 20px}
.site-main{display:block}

/* アクセシビリティ（スクリーンリーダー用） */
.screen-reader-text{
  position:absolute !important;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);
  white-space:nowrap;border:0;
}

/*
  ※ ヘッダー / フッター / ヒーロー / ランキング等の
     コンポーネント別スタイルは assets/css/style.css に実装する
     （本ファイルは変数とベースのみ）。
*/