/*
Theme Name:  Minafuku Shoppingstreet
Theme URI:   https://minafuku-shoppingstreet.jp
Description: みなふく商店街 公式テーマ v3
Author:      Shixnya
Version:     3.1.4
Requires at least: 6.3
Tested up to: 6.7
Requires PHP: 8.1
License:     GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: minafuku
*/

/* ============================================================
   デザイントークン
============================================================ */
:root {

  /* ---- カラー：ブランド ---- */
  --color-primary:        #f0956a;
  --color-primary-light:  #f7c4a8;
  --color-primary-dark:   #c4622d;
  --color-secondary:      #5a8a5e;
  --color-secondary-light:#a8c9aa;

  /* ---- カラー：ニュートラル ---- */
  --color-bg:             #f5ede0;
  --color-bg-warm:        #fdf8f2;
  --color-surface:        #ffffff;
  --color-border:         #e0cdb8;
  --color-border-strong:  #c9b49a;
  --color-text:           #3d2b1a;
  --color-text-muted:     #7a5c3f;
  --color-text-light:     #a8876a;

  /* ---- カラー：フッター ---- */
  --color-footer-bg:      #2e2016;
  --color-footer-text:    #c9b49a;

  /* ---- フォント ---- */
  --font-accent: 'Zen Kurenaido', 'Noto Sans JP', sans-serif;
  --font-base:   'Noto Sans JP', 'Hiragino Kaku Gothic ProN', sans-serif;

  /* ---- タイポグラフィ（content-wrap: 1440px基準）----
     1cqw = 14.4px @ 1440px
     1920px基準からの換算：旧値 × (1920/1440) = 旧値 × 1.333
     例：0.75cqw@1920 → 1cqw@1440（どちらも約14.4px）
  ---- */
  --text-xs:        1cqw;      /* ~14px */
  --text-sm:        1.1cqw;    /* ~16px */
  --text-base:      1.25cqw;   /* ~18px */
  --text-lg:        1.6cqw;    /* ~23px */
  --text-xl:        2.1cqw;    /* ~30px */
  --text-2xl:       2.9cqw;    /* ~42px */
  --text-sub-catch: 2.4cqw;    /* ~35px */
  --text-catch:     5.3cqw;    /* ~76px ※FVは別途site基準で指定 */
  --text-heading:   2.1cqw;    /* ~30px */
  --text-heading-sp: 3cqw;     /* SP用h2サイズ */
  --text-body-sp:    1.5cqw;   /* SP用p・テキストサイズ */

  /* ---- タイポグラフィ（SP: 768px未満）content基準 ---- */
  /* ---- スペーシング（PC: 1440px基準） ---- */
  --space-xs:  max(1em, 0.55cqw);   /* ~8px */
  --space-sm:  max(1em, 1.1cqw);    /* ~16px */
  --space-md:  max(1em, 2.2cqw);    /* ~32px */
  --space-lg:  max(2em, 4cqw);      /* ~58px */
  --space-xl:  max(2.5em, 6.7cqw);    /* ~97px */



  /* ---- シェイプ ---- */
  --radius-sm:   6px;
  --radius-md:   0.75em;
  --radius-lg:   20px;
  --radius-pill: 9999px;

  /* ---- シャドウ ---- */
  --shadow-sm:  0 1px 4px rgba(61,43,26,0.08);
  --shadow-md:  0 4px 12px rgba(61,43,26,0.10);
  --shadow-lg:  0 8px 24px rgba(61,43,26,0.12);

  /* ---- トランジション ---- */
  --transition-fast:  0.15s ease;
  --transition-base:  0.25s ease;
  --transition-slow:  0.4s ease;

  /* ---- レイアウト ---- */
  --site-max:      1920px;
  --content-width: 1440px;
  --header-height: max(48px, 4cqw); /* PC ~76px、768px→30px→下限48px */
}