/* ============================================================
   H3 — Color tokens · namespace --h3-*
   Orange は塗り専用。light 背景の文字は --h3-orange-text。
   ============================================================ */
:root {
  /* ---- Brand / primitives ---- */
  --h3-orange:        #FD6F22;   /* hero / signature — ブランドの体温（塗り専用） */
  --h3-orange-strong: #E55A12;   /* hover / press / 濃いめ */
  --h3-orange-text:   #E55A12;   /* ★light背景にorangeで文字を置く時はこれ */
  --h3-orange-soft:   #FFE3D1;   /* tint 背景・チップ */
  --h3-orange-50:     #FFF3EC;   /* 最薄 wash */
  /* ★A11y: orange塗りの上に置く文字は ink。白文字は使わない */
  --h3-on-orange:     #1F2530;

  --h3-ink:           #1F2530;   /* 本文・見出し（温かみのあるディープ、純黒回避） */
  --h3-ink-soft:      #4A5260;   /* sub text */
  --h3-muted:         #8A93A1;   /* caption / placeholder */

  --h3-cream:         #FBF6EF;   /* 温かい背景（臨床的な純白を避ける） */
  --h3-cream-deep:    #F3EBDE;   /* セクション境界・カード境界 */
  --h3-white:         #FFFFFF;
  --h3-line:          #ECE4D7;   /* hairline border */

  /* ---- Domain accents (interdisciplinary #tags) — 控えめに category coding 用 ---- */
  --h3-life:     #2E9E63;   /* #ライフサイエンス (green) */
  --h3-care:     #D63D78;   /* #ヘルスケア (rose) */
  --h3-digital:  #2E7CE4;   /* #デジタル (blue) */
  --h3-business: #C98613;   /* #ビジネス (amber) */
  /* tint variants for chips */
  --h3-life-soft:     #E2F2E9;
  --h3-care-soft:     #FBE0EC;
  --h3-digital-soft:  #E0ECFB;
  --h3-business-soft: #F8EBD2;

  /* ---- Semantic aliases ---- */
  --h3-bg:        var(--h3-cream);
  --h3-surface:   var(--h3-white);
  --h3-text:      var(--h3-ink);
  --h3-text-sub:  var(--h3-ink-soft);
  --h3-accent:    var(--h3-orange);
  --h3-on-accent: var(--h3-on-orange);
  --h3-border:    var(--h3-line);
}