/* ============================================
   SIGNED SOUND Design Tokens
   Based on Signed Sound ブランドガイドライン v1.0
   (docs/Signed_Sound_ブランドガイドライン.pdf)
   ============================================ */

:root {
  /* === Brand Primary === */
  --trust-blue: #1E4D8C;        /* 主色（60%） */
  --trust-blue-dark: #163a69;   /* ホバー用派生色 */
  --trust-blue-light: #eaf0f8;  /* 背景用派生色 */

  /* === Brand Neutral === */
  --shield-gray: #999999;       /* ニュートラル中間 */
  --dark-gray: #666666;         /* 補助テキスト */
  --light-gray: #F5F5F5;        /* 薄背景 */
  --black: #1A1A1A;             /* 本文 */
  --white: #FFFFFF;

  /* === Brand Accent === */
  --signal-red: #E8145B;        /* アクセント（10%以内） */
  --signal-red-dark: #c01048;

  /* === Legacy alias（段階移行用・Phase B完了後に削除予定） === */
  --navy: var(--trust-blue);
  --navy-dark: var(--trust-blue-dark);
  --navy-light: var(--trust-blue-light);
  --pink: var(--signal-red);
  --pink-dark: var(--signal-red-dark);
  --gray: var(--shield-gray);
  --gray-dark: var(--dark-gray);
  --text-primary: var(--black);
  --bg: var(--light-gray);
  --border: #e0e3eb;

  /* === Status === */
  /* 真正判定（A）のみ Trust Blue。署名完了・有効など「汎用success」は Shield Gray 系 */
  --authentic: var(--trust-blue);
  --authentic-bg: var(--trust-blue-light);
  --authentic-text: var(--trust-blue-dark);
  --success: var(--dark-gray);
  --success-bg: var(--light-gray);
  --success-text: var(--black);
  --warning: var(--shield-gray);
  --warning-bg: #f0f0f0;
  --warning-text: var(--dark-gray);
  --danger: var(--signal-red);
  --danger-bg: #fde6ed;
  --danger-text: var(--signal-red-dark);

  /* === Spacing === */
  --sp-xs: 4px;
  --sp-sm: 8px;
  --sp-md: 16px;
  --sp-lg: 24px;
  --sp-xl: 32px;

  /* === Layout === */
  --sidebar-width: 240px;
  --topbar-height: 56px;
}