/* ==========================================================================
   variables.css
   デザインシステムの中枢。色・タイポグラフィ・余白・モーションの
   トークンをすべてここに集約する。個別のCSSファイルはこれらの変数
   のみを参照し、直接の色指定・px指定は行わない。
   ========================================================================== */

:root {
  /* ---- Color: Base -------------------------------------------------- */
  /* 純黒・純白ではなく、わずかに温度を持たせた黒白でプレミアム感を出す */
  --c-black: #0a0a09;         /* PRICE / HERO / POSSIBILITIES 背景 */
  --c-black-soft: #131311;    /* 黒背景セクションの補助面 */
  --c-white: #ffffff;         /* カード等、強い白が必要な箇所 */
  --c-paper: #f5f4f1;         /* THE NAME / WHY UCHI 等の基本白背景 */
  --c-ink: #131311;           /* 白背景上の本文色 */
  --c-ink-soft: #4a4946;      /* 白背景上の補助テキスト */
  --c-fog: #8c8a85;           /* 白背景上のさらに弱いテキスト */
  --c-bone: #e7e5e0;          /* 白背景上の区切り線・枠線 */
  --c-mist-on-dark: #b9b7b1;  /* 黒背景上の補助テキスト */
  --c-line-dark: #2a2a27;     /* 黒背景上の区切り線 */

  /* ---- Typography ----------------------------------------------------
     和文・欧文とも単一ファミリー「Zen Kaku Gothic New」に統一し、
     ウェイトと字間だけで階層と個性を作る。UCHIのワードマークのみ
     極端なレターイングで特別扱いする。
     ---------------------------------------------------------------- */
  --font-base: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN",
    "Noto Sans JP", "Yu Gothic", sans-serif;

  --fs-wordmark: clamp(4rem, 22vw, 15rem);      /* UCHI / UCHI.JP */
  --fs-name-word: clamp(2.75rem, 13vw, 7rem);    /* THE NAME の単語 */
  --fs-display: clamp(2.25rem, 6.5vw, 4.25rem);  /* STATEMENT / THE DOMAIN見出し */
  --fs-h2: clamp(1.75rem, 4vw, 2.5rem);
  --fs-h3: clamp(1.25rem, 2.4vw, 1.625rem);
  --fs-price: clamp(2.75rem, 11vw, 6.5rem);
  --fs-body-lg: clamp(1.0625rem, 1.6vw, 1.25rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-micro: 0.75rem;

  --lh-tight: 1.15;
  --lh-snug: 1.4;
  --lh-normal: 1.75;

  --ls-wide: 0.16em;   /* 小さなラベル用の字間 */
  --ls-normal: 0.02em; /* 日本語本文用のわずかな字間 */

  /* ---- Spacing --------------------------------------------------------
     セクション間の余白は通常より広く取り、静けさを演出する。
     ---------------------------------------------------------------- */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.75rem;
  --space-4: 2.75rem;
  --space-5: 4.5rem;
  --space-6: clamp(4rem, 9vw, 7rem);
  --space-7: clamp(6rem, 13vw, 10rem);
  --space-8: clamp(8rem, 16vw, 13rem);

  --content-max: 1180px;
  --content-narrow: 720px;
  --edge-margin: clamp(1.5rem, 6vw, 5rem);

  /* ---- Motion -----------------------------------------------------
     滑らかで抑制されたモーション。scroll-jackingは行わない。
     ---------------------------------------------------------------- */
  --ease-quiet: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur-slow: 900ms;
  --dur-mid: 600ms;
  --dur-fast: 320ms;
  --dur-theme: 700ms;

  --z-fixed-nav: 40;
  --z-overlay: 50;
}