:root {
  /* ===== Brand Palette (Logo-derived) ===== */
  --color-navy:        #0d2451;   /* メインの濃紺 */
  --color-navy-deep:   #061229;   /* セクション背景用 */
  --color-navy-mid:    #15315f;   /* ボタン hover 等 */
  --color-gold:        #d4a843;   /* アクセント金 */
  --color-gold-light:  #e8c468;   /* グラデ用 */
  --color-gold-soft:   #f5e8c4;   /* 淡い金背景 */
  --color-red:         #c8332e;   /* スパイス・希少性訴求 */

  /* ===== Surface ===== */
  --color-bg:          #ffffff;
  --color-bg-soft:     #f7f4ec;   /* オフホワイト（紙的） */
  --color-bg-deep:     var(--color-navy-deep);

  /* ===== Text ===== */
  --color-text:        var(--color-navy);
  --color-text-mute:   #5a6478;
  --color-text-inverse:#ffffff;

  /* ===== System Aliases ===== */
  --color-primary:     var(--color-navy);
  --color-primary-dark:var(--color-navy-deep);
  --color-accent:      var(--color-gold);
  --color-accent-soft: var(--color-gold-soft);
  --color-warn:        var(--color-red);
  --color-line:        #e3dcc7;
  --color-line-bg:     #06c755;   /* LINE緑（仕様色） */

  /* ===== Typography ===== */
  --font-ja: 'Noto Sans JP', 'Hiragino Sans', 'Yu Gothic', system-ui, sans-serif;
  --font-en: 'Montserrat', 'Inter', sans-serif;
  --font-serif: 'Playfair Display', 'Noto Serif JP', serif;

  /* ===== Spacing ===== */
  --section-py: clamp(64px, 9vw, 120px);
  --container: 1100px;
  --container-narrow: 880px;

  /* ===== Radius / Shadow ===== */
  --radius-card: 10px;
  --radius-pill: 999px;
  --shadow-card: 0 6px 24px rgba(13, 36, 81, 0.08);
  --shadow-card-strong: 0 14px 40px rgba(13, 36, 81, 0.18);
  --shadow-gold: 0 4px 16px rgba(212, 168, 67, 0.25);

  /* ===== Layout ===== */
  --header-height: 76px;
  --header-height-sp: 60px;

  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}