:root {
  /* ============================
     メインカラー（海軍：深紺・軍艦色系）
     ============================ */
  --tk-primary: #0b1e3f;
  --tk-primary-95: rgba(11,30,63,0.95);
  --tk-primary-dark: #050f21;
  --tk-primary-light: #dfe6f2;
  --tk-primary-rgb: 11,30,63;
  --tk-primary-shadow-25: rgba(var(--tk-primary-rgb), 0.25);
  --tk-primary-shadow-35: rgba(var(--tk-primary-rgb), 0.35);

  /* ============================
     アクセント（金・真鍮・階級章系）
     ============================ */
  --tk-accent: #ff7a00;           /* 落ち着いたゴールド */
  --tk-accent-strong: #ff9d00;    /* 深みのある金 */
  --tk-accent-light: #dfc89d;     /* 淡い金 */
  --tk-accent-bg: #fdfaf1;        /* 金色を帯びた背景白 */
  --tk-accent-bg-hover: #f5eedc;  /* ホバー時 */
  --tk-accent-bg-soft: rgba(197, 160, 89, 0.1);
  --tk-accent-focus: rgba(197, 160, 89, 0.3);

  /* ============================
     白系（制服・図面系）
     ============================ */
  --tk-white: #ffffff;
  --tk-white-30: rgba(255,255,255,0.3);
  --tk-white-40: rgba(255,255,255,0.4);
  --tk-white-60: rgba(255,255,255,0.6);
  --tk-white-80: rgba(255,255,255,0.8);
  --tk-white-95: rgba(255,255,255,0.95);

  /* ============================
     テキスト・影
     ============================ */
  --tk-text: #2c3e50;             /* 濃紺に近いグレー */
  --tk-text-dark: #121c26;
  --tk-text-mid: #4a5a6a;

  --tk-shadow-light: rgba(0,0,0,0.06);
  --tk-shadow-mid: rgba(0,0,0,0.15);
  --tk-shadow-strong: rgba(0,0,0,0.4);
  --tk-shadow-20: rgba(0,0,0,0.25);
  --tk-border-light: rgba(26, 42, 58, 0.12);

  /* ============================
     テーブル用（青・グレー系）
     ============================ */
  --tk-table-even: #f0f4f7;       /* 互い違いの行：薄い青灰 */
  --tk-table-hover: #e2eaf0;      /* ホバー：軍艦色を薄めた色 */
  --tk-table-border: #ccd6dd;

  /* ============================
     ベース背景（古紙・羊皮紙から、清潔感のある白系へ）
     ============================ */
  --tk-base: #fcfcfc;             /* サイト全体の基本背景 */
}