/* =============================================================
   もみねこ堂 ブランドデザイントークン v1.0.0
   -------------------------------------------------------------
   このファイルがブランドの単一情報源(SSoT)。
   HP / 会員証PWA / 予約 / AIチャット / LINEミニアプリは
   このトークンを参照してデザインを統一する。
   色はデザインモックからの実測抽出値。
   規則:
   - オレンジ系(accent)は装飾・アイコン・枠線・塗り専用。
     可読テキストには使わない(コントラスト不足のため)。
   - アクセント塗りの上の文字は heading(黒)を使う。
   ============================================================= */
:root {
  /* 色 */
  --mnk-bg:        #FEFBF8;
  --mnk-bg-warm:   #F7EADC;
  --mnk-card:      #FAF8F5;
  --mnk-line:      #F7ECE0;
  --mnk-text:      #3D3937;
  --mnk-heading:   #1A1A1A;
  --mnk-accent:    #FDD68F;
  --mnk-accent-md: #D8A162;
  --mnk-accent-dp: #CD9347;

  /* タイポグラフィ(外部フォント読込なし) */
  --mnk-font: "Hiragino Kaku Gothic ProN", "Hiragino Sans",
              "BIZ UDPGothic", "Yu Gothic Medium", "Yu Gothic",
              system-ui, -apple-system, sans-serif;
  --mnk-fs-hero: clamp(2.2rem, 6vw, 3.4rem);
  --mnk-fs-h2:   clamp(1.4rem, 3.5vw, 1.8rem);
  --mnk-fs-body: 1rem;
  --mnk-fs-small: 0.85rem;
  --mnk-tracking-display: 0.35em;
  --mnk-lh: 1.9;

  /* 形状・余白(8pxグリッド) */
  --mnk-radius: 14px;
  --mnk-radius-pill: 999px;
  --mnk-space: 8px;
  --mnk-section-pad: clamp(48px, 10vw, 96px);
  --mnk-content-w: 1080px;
  --mnk-text-w: 640px;

  /* ヒーロー動画の白フィルター濃度 */
  --mnk-hero-tint: 0.38;
}