/* ============================================================
   eiken — CSS カスタムプロパティ（変数）定義ファイル
   ------------------------------------------------------------
   フロントエンド専用の :root 変数（--c-* / --fs-* / --space-* 等）を定義。
   base.css より先に 'eiken-variables' ハンドルで読み込まれる。
   管理画面にも 'eiken-variables-admin' ハンドルで読み込まれる。

   管理画面専用変数（--adm-*）は admin.css の :root で管理。
   フロントエンド変数の色・スペース等を変更する場合はこのファイルを編集。
   ============================================================ */
:root {
  /* ----- 色（濃い→明るい） ----- */

  /* 緑系 */
  --c-deep:          #0c1f14;  /* 濃い緑黒（コントラスト用） */
  --c-forest:        #1a3a28;
  --c-mega-img-bg:   #1a221e;  /* メガメニュー画像エリア背景 */
  --c-green-mid:     #235a3c;  /* forest より明るく、green より濃い（カード見出し等） */
  --c-green:         #2d7a50;
  --c-main-hover:    #007a3f;  /* --c-main のホバー・押下色 */
  --c-main:          #00954c;  /* メイン緑（ロゴ・主ボタン・見出し英字など） */
  --c-main-deep:     #3aaa1e;  /* グラデーション・ホバー強調 */
  --c-shine-green:   #aaffcc;  /* キャッチグラデーション光色 */
  --c-loader-start:  #c8e8d4;  /* ローダー背景グラデ 開始 */
  --c-loader-end:    #d4eedd;  /* ローダー背景グラデ 終端 */
  --c-loader-mid:    #e8faf0;  /* ローダー背景グラデ 中間 */
  --c-warm:          #e4f6dc;  /* 薄いハイライト背景 */
  --c-footer-bg:     #e5ffdc;  /* フッター背景 */
  --c-light:         #f4fdf1;  /* ページ背景の薄いグリーン */
  --c-accent-red:    #e00;     /* カテゴリタグ・アラートなど汎用赤 */

  /* 中立・グレー */
  --c-text-dark:     #1c1c1c;  /* ローダー社名など濃い黒文字 */
  --c-gnav-nested-border: #fff;
  --c-base:          #444;     /* body 文字色の基準 */
  --c-text:          var(--c-base);  /* 見出し・強調テキスト（本文色と同一） */
  --c-text-light:    #8a8a8a;  /* 補足・日付など弱めの文字 */
  --c-gnav-drawer-row-border: #fff;

  /* 白・枠・面 */
  --c-border:        #b9dfc5;  /* 区切り線・カード枠 */
  --c-white:         #fff;
  --c-cream:         var(--c-light); /* ライト背景の別名 */

  /* コンポーネント参照色 */
  --c-mega-bg:       var(--c-main); /* メガメニュー背景 */

  /* 透明度：--c-main */
  --c-main-a05: rgba(0, 149, 76, 0.05);
  --c-main-a06: rgba(0, 149, 76, 0.06);
  --c-main-a08: rgba(0, 149, 76, 0.08);
  --c-main-a09: rgba(0, 149, 76, 0.09);
  --c-main-a12: rgba(0, 149, 76, 0.12);
  --c-main-a14: rgba(0, 149, 76, 0.14);

  /* 透明度：黒 */
  --c-black-a05: rgba(0, 0, 0, 0.05);
  --c-black-a10: rgba(0, 0, 0, 0.10);
  --c-black-a12: rgba(0, 0, 0, 0.12);
  --c-black-a15: rgba(0, 0, 0, 0.15);
  --c-black-a16: rgba(0, 0, 0, 0.16);
  --c-black-a20: rgba(0, 0, 0, 0.20);
  --c-black-a25: rgba(0, 0, 0, 0.25);
  --c-black-a50: rgba(0, 0, 0, 0.50);

  /* 透明度：白（ナビ・メガメニュー等） */
  --c-white-a08: rgba(255, 255, 255, 0.08);
  --c-white-a30: rgba(255, 255, 255, 0.3);
  --c-white-a92: rgba(255, 255, 255, 0.92);
  --c-white-a40: rgba(255, 255, 255, 0.4);
  --c-white-a98: rgba(255, 255, 255, 0.98);

  /* ----- グラデーション（共通） ----- */
  --grad-main-h: linear-gradient(90deg, var(--c-main), var(--c-main-deep));

  /* ----- 行高スケール ----- */
  --lh-heading: 1.2;   /* 見出し */
  --lh-label:   1.3;   /* ラベル・小見出し */
  --lh-ui:      1.6;   /* ナビ・フォーム等 UI テキスト */
  --lh-body:    1.8;   /* 本文（body デフォルトと同値） */
  --lh-wide:    2;     /* テーブル行・リスト等の広め */

  /* ----- レイアウト・主要コンポーネント ----- */
  --header-h:         96px;   /* 固定ヘッダー高さ（トップ余白計算に使用） */
  --inner:            1160px; /* .inner 等のコンテンツ最大幅・スライド1枚幅 */
  --footer-inner:     1440px; /* .footer-inner 等のコンテンツ最大幅・スライド1枚幅 */
  --w-content:        800px;  /* 下層ページ コンテンツエリア共通最大幅 */
  --support-thumb-w:  400px;  /* トップ「サポート実績」マーキー1カードの幅 */

  /* Splide Auto Scroll: 1 ≒ 旧マーキーに近い速さ（px/フレーム）。負数で逆方向 */
  --support-autoscroll-speed: 0.95;
  --slide-interval:   6000;   /* メインスライダー自動送り間隔（ms、JSが参照） */
  /* MV キャッチ（スライド .slide-catch 内の h2 / p）の字間。palt と併用し -0.08em よりムラが出にくい値から調整 */
  --mv-slide-title-tracking: -0.04em;
  --mv-slide-sub-tracking:   -0.04em;
  --slide-text-delay: 1000;   /* スライドキャッチの遅延（ms） */
  --slide-text-fade:  1s;     /* スライドテキストのフェード時間 */
  --recruit-split:    65%;    /* 採用セクション左テキスト列の幅比率 */
  --radius:           9999px; /* ピル型ボタン・角丸のフル */
  --shadow:           0 4px 24px rgba(12,31,20,0.10);  /* 標準カードシャドウ */
  --shadow-lg:        0 8px 40px rgba(12,31,20,0.14); /* 強めのシャドウ */
  --transition:       0.35s cubic-bezier(0.25,0.46,0.45,0.94); /* 汎用トランジション */

  /* ----- 余白スケール（フィボナッチベース、セクション余白・gap に使用） ----- */
  --space-ss:  4px;
  --space-xs:  8px;
  --space-xsm: calc((var(--space-xs) + var(--space-sm)) / 2); /* xs と sm の中間 ＝ 10.5px */
  --space-sm:  13px;
  --space-md:  21px;
  --space-lg:  34px;
  --space-xl:  55px;
  --space-xxl: 89px;

  /* ----- フォントサイズ（html { font-size:18px } を基準とした rem、数字は概算px） ----- */
  --fs-12:  0.6667rem; /* 12px相当 */
  --fs-14:  0.7778rem; /* 14px相当 */
  --fs-16:  0.8889rem; /* 16px相当 */
  --fs-18:  1rem;      /* 18px相当＝htmlの1rem。継承で足りる所では指定不要 */
  --fs-20:  1.1111rem; /* 20px相当 */
  --fs-22:  1.2222rem; /* 22px相当 */
  --fs-26:  1.4444rem; /* 26px相当 */
  --fs-30:  1.6667rem; /* 30px相当 */
  --fs-36:  2rem;      /* 36px相当 */
  --fs-40:  2.2222rem; /* 40px相当 */
  --fs-48:  2.6667rem; /* 48px相当 */
  --fs-54:  3rem;      /* 54px相当 */
  --fs-64:  3.5556rem; /* 64px相当 */
  /* 404 など：通常 --fs スケール外の大きい表示用 */
  --fs-404-code-min: 96px;
  --fs-404-code-max: 160px;

  /* ----- 画像アスペクト比（object-fit や aspect-ratio 用の参照値） ----- */
  --ratio-16-9:   16 / 9;
  --ratio-3-2:    3 / 2;
  --ratio-4-3:    4 / 3;
  --ratio-golden: 1.618 / 1;

}
/* 管理画面変数（--adm-*）は admin.css の :root で定義・管理 */