/* ============================================================
   SHAMROCK Shibuya — デザイントークン
   Studio.design の styleVars / classes を CSS カスタムプロパティに移植。
   値は本番サイト (https://shamrockshibuya.com/) の公開データそのまま。
   ============================================================ */
:root {
  /* ---- 色 (Studio styleVars.color) ---- */
  --color-purple:   #cc8fe2ff;   /* 紫テーマ (Studio key 6caad637) */
  --color-purple-2: #cc8fe2ff;   /* 紫テーマ 複製 (Studio key 32a1188c) */
  --color-navy:     #1b1464ff;   /* Paragraph (Studio key 80bc17a7) 料金見出し */

  /* ---- 色 (直書きされていた頻出値) ---- */
  --color-text:        #333333;  /* 本文の既定 (Studio リセット) */
  --color-text-dark:   #222222;  /* メニュー・アイコン */
  --color-text-body:   #4D4D4D;  /* 規約・Contact 本文 */
  --color-text-nav:    #5A5A60;  /* ヘッダーナビ・キャスト名 */
  --color-text-gate:   #393939;  /* 年齢確認ページ */
  --color-text-muted:  #929299;  /* セクション見出し #Cast 等 */
  --color-text-muted-2:#92929B;  /* #kawaii タグ・補足 */
  --color-heading-blue:#1a237e;  /* Q&A の "Q" */
  --color-line-green:  #06c755;  /* LINE */
  --color-link-blue:   #0091EA;  /* メールリンク */
  --color-border:      #e6e6e6;  /* メニュー罫線・"Exclusive Services" */
  --color-schedule-off:#d7d7d7;  /* スケジュール 非アクティブ */
  --color-schedule-on: #f97ab7;  /* スケジュール アクティブ (ピンク) */
  --color-white:       #ffffff;

  /* ---- フォント (Studio styleVars.fontFamily) ---- */
  /* Futura は FontPlus 契約が切れており本番でも Web フォントは配信されていない。
     Mac では標準搭載の Futura、無い環境では Jost (Futura 系の Google Fonts) にフォールバック */
  --font-futura:       Futura, 'Futura PT', Jost, sans-serif;            /* 42ad2458 見出し・ナビ */
  --font-lato:         Lato, sans-serif;                                  /* cfa38da4 */
  --font-inter:        Inter, sans-serif;                                 /* 60b1d868 本文 */
  --font-noto-jp:      'Noto Sans JP', sans-serif;                        /* 70a8f3a6 */
  --font-noto-oriya:   'Noto Sans Oriya', sans-serif;                     /* 45bd6d2c */
  --font-noto-kannada: 'Noto Sans Kannada', sans-serif;                   /* e2a341d7 */
  --font-red-hat:      'Red Hat Display', sans-serif;                     /* 28a9747e Q&A の Q */
  --font-josefin:      'Josefin Sans', sans-serif;
  --font-montserrat:   Montserrat, sans-serif;
  --font-nunito:       Nunito, sans-serif;
  --font-nunito-sans:  'Nunito Sans', sans-serif;
  --font-cookhand:     Cookhand, cursive;
  --font-new-cinema:   'New Cinema B', serif;
  --font-display:      Antonio, 'Arial Narrow', sans-serif;             /* ヒーローの SHAMROCK SHIBUYA */
  --font-hand:         'Klee One', 'Noto Sans JP', sans-serif;      /* サービスカードの手書き風本文 */
  --font-sans:         sans-serif;

  /* ---- タイポグラフィ (Studio classes.typography) ---- */
  --text-title-xl: 700 48px/1.3 var(--font-noto-jp);
  --text-title-l:  700 32px/1.4 var(--font-noto-jp);
  --text-title-m:  700 24px/1.4 var(--font-noto-jp);
  --text-para-l:   400 16px/1.5 var(--font-noto-jp);
  --text-para-m:   400 12px/1.4 var(--font-noto-jp);

  /* ---- レイアウト ---- */
  --base-width: 1280px;       /* Studio info.baseWidth */
  --bp-tablet: 840px;         /* @media (max-width: 840px) */
  --bp-mobile: 540px;         /* @media (max-width: 540px) */
  --header-h: 120px;          /* PC ヘッダー高 */
  --header-h-mobile: 100px;   /* SP ヘッダー高 */
  --content-w: 1076px;        /* トップのヒーロー・写真リスト幅 */

  /* ---- モーション (Studio 既定) ---- */
  --ease-studio: cubic-bezier(.4, .4, 0, 1);
  --dur-studio: .3s;
  --dur-button: .4s;
}