/* ============================================================
   Hachidori Suite — Design Tokens
   全ツール共通の色・イージング・余白基準値の単一の真実源 (single source of truth)
   ----------------------------------------------------------------
   使い方:
     <link rel="stylesheet" href="/assets/tokens.css" />
   各ツールはこのファイルを読み込んだ後、独自の CSS でこれらの
   変数を `var(--xxx)` 形式で参照すること。
   ============================================================ */
:root {
  /* --- Hachidori Brand (サイドバー / ロゴ系) --- */
  --hachidori-bg-from: #ff6860;
  --hachidori-bg-to:   #ffaa72;
  --hachidori-active:  #fc4c00;
  --hachidori-divider: rgba(255, 255, 255, 0.30);

  /* --- Easing --- */
  --easing: cubic-bezier(0.22, 1, 0.36, 1);

  /* --- Brand Coral (CTA / アクション) --- */
  --brand-coral:        #F4A28C;
  --brand-coral-deep:   #E8806B;
  --brand-coral-soft:   #FBE5DC;
  --brand-coral-bright: #FF9A7B;

  /* --- Brand Blue (情報 / 信頼) --- */
  --brand-blue-mist:     #B8D4DE;
  --brand-blue-twilight: #3D6A8C;
  --brand-blue-deep:     #2C4F6E;
  --brand-blue-soft:     #E5F0F4;

  /* --- Neutral (背景・テキスト) --- */
  --neutral-warm-white:  #FAF0E6;
  --neutral-cream:       #FDF6EC;
  --neutral-white:       #FFFFFF;
  --neutral-gray-pale:   #EFEFEF;
  --neutral-gray-mid:    #9CA3AF;
  --neutral-text:        #374151;
  --neutral-text-strong: #1F2937;

  /* --- Accent (補助色) --- */
  --accent-mint:           #A0D4C4;
  --accent-mint-deep:      #5BAA92;
  --accent-mustard:        #E8B85B;
  --accent-mustard-soft:   #F5DCA8;
  --accent-mustard-deep:   #C99840;
  --accent-lavender:       #C9B8D8;
  --accent-lavender-deep:  #A691C0;

  /* --- 共通レイアウト余白ルール (全ツール準拠) --- */
  --sidebar-width: 220px;
  --main-pad-top:    36px;
  --main-pad-right:  40px;
  --main-pad-bottom: 80px;
  --main-pad-left:   40px;

  /* --- 共通テーブル基準値 (設計依頼テーブル準拠) --- */
  --table-border-radius: 12px;
  --table-border:        1px solid rgba(232, 128, 107, 0.10);
  --table-header-bg:     #FFF8F0;
  --table-header-color:  #2D3748;
  --table-header-underline: 1.5px solid #FAD3BB;
  --table-cell-border:   1px solid #F5EBDD;
  --table-cell-color:    #2D3748;
  --table-row-hover-bg:  #FFEEDF;
}