/* ===========================================================
   Aixeed コーポレートサイト — Design Tokens
   Source: Figma s8wxymtZ6fCYAsQtbQGqJq / page "corporate"
           node 1360:2400 "Frame 1" (1366 × 6973)

   色は Figma の「選択範囲の色」から採取した確定値（全14色）。
   レイアウト・タイポは各セクション実装時に実測して確定させる。
   （暫定値には PROVISIONAL と書いてある。消すときは実測してから）

   姉妹プロジェクト「Aixeed LP」と --aixeed-green は一致している。
   ブランド色は必ず揃えること。
   =========================================================== */

:root {
  /* --- Brand ------------------------------------------------ */
  --aixeed-green: #67be8d;        /* LP と共通のブランドグリーン    */

  /* ⚠️ 未使用（2026-08-12）。
     Figma のカラーパレットには存在するが、**座標付きの実測が1件も無い**。
     当初こちらをセクションラベル・注記・肩書きに割り当てていたが、
     カンプで実測が取れている緑（CAREERSラベル X42 Y5681 / お問い合わせ見出し
     X345 Y428）はどちらも #67BE8D だったため、全て --aixeed-green に統一した。
     カンプ上でこの色が使われている箇所が見つかったら、そこにだけ戻すこと。 */
  --green-deep: #3f9b79;

  /* --- Surfaces --------------------------------------------- */
  --bg-base: #eff0ee;             /* ページ全体の下地（オフホワイト・実測）*/
  --surface: #ffffff;             /* カード・白面                   */
  --bg-gray: #d9d9d9;             /* イラスト帯の下地               */
  --bg-gray-alt: #d2d2d3;         /* 区切り・淡いグレー面           */

  /* 暗い面。Figma に3段階あるので用途で使い分ける。
     どれがどのセクションかは実装時に個別に確認すること。 */
  --bg-dark: #1a1a1a;             /* CAREERS セクション             */
  --bg-dark-alt: #1f1f1f;
  --footer-bg: #222222;

  /* --- Text ------------------------------------------------- */
  --text: #1a1a1a;
  --text-strong: #000000;
  --text-muted: #4a5057;          /* 本文グレー                     */
  --text-invert: #ffffff;

  /* --- Border ----------------------------------------------- */
  --border-soft: rgba(0, 0, 0, 0.12);
  --border-invert: rgba(255, 255, 255, 0.24);

  /* --- Gradient --------------------------------------------- */
  /* Figma 上は「線形」グラデーションが3種。実際の角度と停止位置は
     アセット書き出し後に確定する。下はキャンバス観察ベースの暫定。
     PROVISIONAL */
  --grad-arc: linear-gradient(90deg, #5589c8 0%, #67be8d 50%, #e3d16b 100%);
  --grad-sphere: linear-gradient(135deg, #5589c8 0%, #67be8d 100%);

  /* --- Layout ----------------------------------------------- */
  --page-w: 1366px;               /* Figma フレーム幅（確定）        */

  /* 実測確定。CAREERS のラベル・見出し・本文がすべて X=42、
     カード右端が 1324（= 1366 - 42）で左右対称。ヘッダーのロゴも X=42。
     LP は 1154/106 だったが、コーポレートはこれよりかなり広い。 */
  --container: 1282px;            /* 1366 - 42*2                    */
  --gutter: 42px;

  /* ヒーローの H1 だけは X≈192 とさらに内側に入る（意図的な字下げ）。
     セクション側で個別に指定すること。 */

  /* --- Radius ----------------------------------------------- */
  --r-pill: 999px;
  --r-lg: 24px;
  --r-md: 16px;
  --r-sm: 8px;

  /* --- Type ------------------------------------------------- */
  /* Figma のテキストレイヤーで確認済み。LP と同じ書体。 */
  /* セクションラベル（Our Business / About Us / Vision / Careers）専用。
     カンプ実測: Intel One Mono Bold 14px / 行間17.3 / 字間1px。
     等幅フォントなので、代替に流れると字送りが変わって見た目が崩れる。
     フォールバックも等幅で揃えている。 */
  --font-label: "Intel One Mono", ui-monospace, SFMono-Regular, Menlo,
    Consolas, monospace;

  --font-jp: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN",
             "Yu Gothic", Meiryo, sans-serif;

  --fs-h2: 38px;                  /* 実測（CAREERS 見出し / Bold）    */
  --lh-h2: 1.6;                   /* 実測 60.8 / 38                  */

  --fs-card-title: 17px;          /* 実測（カード見出し / Bold）      */
  --lh-card-title: 1.5;           /* 実測 25.5 / 17                  */

  --fs-label: 11.5px;             /* 実測（Careers 等の英字ラベル）   */
  --lh-label: 1.5;                /* 実測 17.3 / 11.5                */
  --ls-label: 0.18em;             /* 実測 2.07px / 11.5              */

  --fs-body: 14px;                /* 実測（CAREERS 本文 / Regular）   */
  --lh-body: 1.5;                 /* 実測（カード本文 150%）          */

  /* リード文はカード本文よりかなり広い行間で組まれている。
     CAREERS のリードで実測 33.3px / 14px = 2.38。
     セクションによって違う可能性があるので、使う側で実測して確認すること。 */
  --lh-lead: 2.38;

  --fs-hero: 42px;                /* 実測（ヒーロー H1 / Bold）       */
  --lh-hero: 1.3;                 /* 実測 130%                       */
  --ls-hero: 0.015em;             /* 実測 0.62px / 42                */

  /* PROVISIONAL — 未実測。使うセクションの担当が実測して確定させる */
  --fs-h3: 24px;
  --fs-lead: 20px;
  --fs-sm: 14px;
  --fs-xs: 12px;

  --lh-tight: 1.4;
  --lh-normal: 1.8;
  --lh-loose: 2;

  /* --- Mobile ----------------------------------------------- */
  /* ⚠️ 以下は **SPカンプ入手前** に PC 版からの変換設計で置いた暫定値。
     SPカンプ（375px幅）は実在するので、照合して直すこと。
     なお変換設計は 390px 基準、カンプは 375px 基準でズレている。 */
  --sp-gutter: 20px;              /* ✅ 実測一致（ヒーロー見出し X=20） */
  --sp-fs-hero: 26px;             /* ✅ 実測（Bold / 行間130% / 字間0.62px）。旧値32pxは誤り */
  --sp-fs-h2: 24px;
  --sp-fs-h3: 18px;
  --sp-fs-lead: 16px;
  --sp-fs-body: 14px;
  --sp-fs-sm: 12px;

  /* --- Motion -----------------------------------------------
     カンプにアニメーション指定が無いため、スクロール演出は最小限にしている。
     詳細は base.css の「Scroll reveal」のコメント参照。

     --dur-reveal  出現フェードの長さ。0.6s だと「フワッと出る」演出に見えるので
                   0.3s まで詰めて、気づかれない程度にしている
     --step-reveal 入れ物の中で順番に出す刻み幅。0 にして同時に出す
                   （時間差そのものが演出として読まれてしまうため）
     ------------------------------------------------------------ */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-reveal: cubic-bezier(0.39, 0.575, 0.565, 1);
  --dur-reveal: 0.3s;
  --step-reveal: 0ms;
  --dur: 0.5s;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur: 0.001s;
  }
}