/* ============================================================
   SeeQ デザイントークン（共有CSS）
   利用者: SeeQ新HP（index.html/techniques.html）・WEAR MARTショップ（shop.seeq-kyoto.com）
   正本: SeeQリニューアル_claudedesignハンドオフ.md（HEXは既存 colors_and_type.css と要突き合わせ）
   ※ ページ固有の値（--maxw等）は各ページ側で上書きしてよい
   ============================================================ */
:root{
  /* color */
  --c-bg:        #ffffff;
  --c-ink:       #1a1a1a;   /* 本文・黒 */
  --c-gray:      #6b6b6b;   /* サブテキスト */
  --c-gray-100:  #f4f4f4;   /* 面・カード背景 */
  --c-line:      #e0e0e0;   /* 罫線 */
  --c-accent-red:  #e2231a; /* 差し色レッド: CTA・強調 */
  --c-accent-blue: #1456c4; /* 差し色ブルー: 補助アクセント */
  --c-line-green:  #06c755; /* LINE CTA */
  /* type */
  --font-en: "Bebas Neue","Oswald",sans-serif;
  --font-jp: "Noto Sans JP",sans-serif;
  --font-serif: "Shippori Mincho B1",serif;
  --fs-hero: clamp(4rem, 14vw, 11rem);
  --fs-h2:   clamp(1.7rem, 3.4vw, 2.7rem);
  --fs-body: 1rem;
  /* layout */
  --maxw: 1200px;
  --gap:  24px;
  --radius: 14px;
  --header-h: 74px;
}