/* ============================================================
   RHEMS Japan Design Tokens — Robin Egg Blue Edition
   デジタル確認用ガイド。量産印刷前にベンダー確認 / FPO
   ------------------------------------------------------------
   すべての色は「目的名」で変数化する（色名で命名しない）。
   旧ブランドの青 #1A73E8 / オレンジ #F2711C は禁止例の提示を除き一切使用しない。
   色の呼称は「ロビンエッグブルー（Robin Egg Blue）」で統一する。他社の商標に当たる色名は使わない。
   ============================================================ */

:root {
  /* ---------- Brand Palette（指定値・変更不可） ---------- */
  --rhems-blue:        #00CCCC;  /* Robin Egg Blue / プライマリ */
  --rhems-graphite:    #2B2B2B;  /* Graphite / 主要テキスト・濃面 */
  --rhems-white:       #FFFFFF;  /* 白 */
  --rhems-pale-cyan:   #E3F7F7;  /* Pale Cyan / 淡い面・区切り */

  /* ---------- 補助 ---------- */
  --rhems-ink:         #1A1A1A;  /* ダーク面（最濃） */
  --rhems-blue-dark:   #008080;  /* ホバー / 暗部 */
  --rhems-blue-tint:   #D6F5F5;  /* 青の淡い背景 */
  --rhems-text-2:      #5F6F6F;  /* テキスト二次色 */
  --rhems-hairline:    #DCF0F0;  /* ヘアライン / ボーダー */

  /* ---------- 状態色（機能色。ブランド色ではない） ----------
     入力エラー・送信失敗は赤で示す。白地・淡シアン地・エラー面のいずれでも AA（4.5:1）以上。 */
  --danger:        #C8102E;  /* エラーの文字・枠・記号 */
  --danger-tint:   #FDECEF;  /* エラー面（フォーム上部のまとめ） */

  /* ---------- 意味別エイリアス（コンポーネントが参照する） ---------- */
  --bg:            var(--rhems-white);
  --bg-subtle:     var(--rhems-pale-cyan);
  --bg-dark:       var(--rhems-graphite);
  --bg-darker:     var(--rhems-ink);
  --surface:       var(--rhems-white);
  --fg:            var(--rhems-graphite);
  --fg-muted:      var(--rhems-text-2);
  --fg-on-dark:    var(--rhems-white);
  --accent:        var(--rhems-blue);
  --accent-hover:  var(--rhems-blue-dark);
  --accent-tint:   var(--rhems-blue-tint);
  --border:        var(--rhems-hairline);

  /* ---------- Typography ---------- */
  --font-latin: Inter, "Helvetica Neue", Arial, sans-serif;
  --font-jp: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
  --font-stack: var(--font-latin), var(--font-jp);
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* type scale: size / weight（rem 基準 16px） */
  --fs-display: 3rem;      /* 48 / 700 */
  --fs-h1:      2.25rem;   /* 36 / 700 */
  --fs-h2:      1.75rem;   /* 28 / 700 */
  --fs-h3:      1.25rem;   /* 20 / 600 */
  --fs-body-l:  1.0625rem; /* 17 / 400 */
  --fs-body:    0.9375rem; /* 15 / 400 */
  --fs-caption: 0.8125rem; /* 13 / 400 */
  --fs-label:   0.9375rem; /* 15 / 700 ボタン */

  --fw-regular: 400;
  --fw-semibold: 600;
  --fw-bold: 700;

  --lh-tight: 1.2;
  --lh-body: 1.6;
  --lh-ui: 1.4;
  --tracking-heading: -0.02em;
  --tracking-label: 0.04em;

  /* ---------- Space / Layout ---------- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 80px;   /* セクション上下パディング */

  --container-max: 1200px;
  --columns: 12;
  --gutter: 24px;
  --section-pad-y: 80px;

  /* ---------- Radius ---------- */
  --radius-sm: 4px;
  --radius-btn: 6px;   /* ボタン角丸 */
  --radius-card: 8px;  /* カード角丸 */
  --radius-lg: 12px;

  /* ---------- Line / Elevation ---------- */
  --border-w: 1px;
  --border-w-btn: 1.5px; /* Secondary ボタン枠 */
  --icon-stroke: 1.75px; /* 線アイコン 1.5〜2px */

  --shadow-hover: 0 6px 20px rgba(26, 26, 26, 0.09);
  --shadow-card: 0 1px 2px rgba(26, 26, 26, 0.04);

  /* ---------- Motion ---------- */
  --ease-out: cubic-bezier(0.2, 0, 0, 1);
  --dur-fast: 120ms;
  --dur-base: 180ms;

  /* ---------- Logo 規定 ---------- */
  --logo-clearspace-x: 0.25; /* シンボル幅の 1/4 = クリアスペース X */
  --logo-min-print: 24mm;    /* bilingual lockup 最小幅（紙） */
  --logo-min-web: 72px;      /* horizontal lockup 最小幅（Web） */

  /* ---------- コントラスト比（WCAG 2.1 実測値） ----------
     Graphite #2B2B2B on White #FFFFFF ................ 14.2 : 1 (AAA)
     White #FFFFFF on Graphite #2B2B2B ................ 14.2 : 1 (AAA)
     Graphite #2B2B2B on Pale Cyan #E3F7F7 ............ 12.7 : 1 (AAA)
     Graphite #2B2B2B on Robin Egg Blue #00CCCC .......  7.1 : 1 (AAA)
     Blue-Dark #008080 on White #FFFFFF ...............  4.8 : 1 (AA)
     Text-2 #5F6F6F on White #FFFFFF ..................  5.3 : 1 (AA)
     Graphite #2B2B2B on Blue Tint #D6F5F5 ............ 12.3 : 1 (AAA)
     Danger #C8102E on White #FFFFFF ..................  5.9 : 1 (AA)
     White #FFFFFF on Danger #C8102E ..................  5.9 : 1 (AA)
     Danger #C8102E on Danger Tint #FDECEF ............  5.2 : 1 (AA)
     White #FFFFFF on Robin Egg Blue #00CCCC ..........  2.0 : 1 (不可。
       青面の文字は Graphite #2B2B2B / Blue-Dark #008080 を使う)
  */
}