/* ============================================================
   hakoniwa — brand design tokens (L0 / genre-agnostic)
   全ツール共通の配色・面・意味色。ここが色の唯一の定義元。
   five-tone palette:
   #50514F charcoal · #F25F5C coral · #FFE066 yellow · #247BA0 blue · #70C1B3 teal
   ============================================================ */
:root {
  /* palette */
  --c-dark:   #50514F;
  --c-red:    #F25F5C;
  --c-yellow: #FFE066;
  --c-blue:   #247BA0;
  --c-teal:   #70C1B3;

  /* neutrals / surfaces */
  --bg:        #f4f6f5;
  --surface:   #ffffff;
  --surface-2: #eef1f0;
  --ink:       #50514F;
  --muted:     #8c8e8b;
  --line:      rgba(80, 81, 79, 0.16);
  --line-soft: rgba(80, 81, 79, 0.08);

  /* semantic */
  --accent:    #247BA0;
  --accent-dk: #1c6182;
  --win:       #3aa893;
  --lose:      #e8483f;
  --shadow:    0 14px 30px -20px rgba(40, 42, 41, 0.45);
  --safe-top:  env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}