/* Design Tokens
   Source: Figma "meta_style" (574:4772) + Compornent_PC (574:4726) 背景色コメント
   既存ティザーサイト (reference/recruit.nichirei-logi/) の青系を参考に補完。
   実装中にFigmaの正確な値が判明したら個別に上書きする。 */

:root {
  /* ============ Color ============ */
  --color-white: #ffffff;
  --color-black: #000000;
  --color-dark-gray: #b2b2b2;

  /* Blue scale */
  --color-blue-pale: #e6f4ff;        /* 背景_薄い青 */
  --color-blue-light: #cdedff;       /* 既存 .recruit 背景由来 */
  --color-blue: #0091dd;             /* 背景_青 / ENTRYボタン */
  --color-blue-mid: #006ab7;         /* 背景_濃い青 / MYPAGEボタン */
  --color-blue-dark: #002c6a;        /* より濃い青 */
  --color-blue-deepest: #050833;     /* 最濃 */
  --color-text: #123a5a;             /* 本文基準色 */
  --color-red: #cf2727;              /* 赤系（暫定。Figmaから抽出予定） */

  /* ============ Font Family ============ */
  /* 実地Figmaデザインに合わせて: Noto Sans JP / Barlow Condensed / Poppins */
  --ff-jp: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Helvetica Neue", Arial, sans-serif;
  --ff-en-display: "Barlow Condensed", var(--ff-jp);
  --ff-en-body: "Poppins", var(--ff-jp);

  /* ============ Font Weight ============ */
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 700;

  /* ============ JP Type Scale ============ */
  --fs-jp-40: 2.5rem;     /* 40px */
  --fs-jp-32: 2rem;       /* 32px */
  --fs-jp-24: 1.5rem;     /* 24px */
  --fs-jp-20: 1.25rem;    /* 20px */
  --fs-jp-16: 1rem;       /* 16px */
  --fs-jp-14: 0.875rem;   /* 14px */

  /* ============ EN Type Scale ============ */
  --fs-en-64: 4rem;
  --fs-en-56: 3.5rem;
  --fs-en-48: 3rem;
  --fs-en-40: 2.5rem;
  --fs-en-32: 2rem;
  --fs-en-24: 1.5rem;
  --fs-en-16: 1rem;
  --fs-en-14: 0.875rem;
  --fs-en-12: 0.75rem;

  /* ============ Layout ============ */
  --container-max: 1200px;
  --container-pad-pc: 24px;
  --container-pad-sp: 16px;
  --header-height-pc: 72px;
  --header-height-sp: 56px;
  --footer-min-pad-pc: 40px;
  --footer-min-pad-sp: 24px;

  /* ============ Motion ============ */
  --transition-fast: 0.2s ease;
  --transition-base: 0.3s ease;
  --transition-slow: 0.6s ease;

  /* ============ Radius / Shadow ============ */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
}

/* Breakpoint reference (CSS変数では使えないのでコメントとして):
   PC: min-width 1200px
   TB: 768px - 1199px
   SP: max-width 767px */