/*
 * tokens.css — デザイントークン（ここには :root の変数定義だけを書く）。
 * Team Wiki theme「和モダン×方眼」のパレットと、PicoCSS 変数へのマッピング。
 * 読み込み順: tokens → base → components（layout の stylesheet_link_tag が明示）。
 */

:root {
  /* Palette */
  --panel:      #fdfdfb;   /* content panel & outer ground (flat, seamless) */
  --surface:    #ffffff;   /* cards */
  --ink:        #2b2b2b;
  --ink-soft:   #5c5c57;
  --muted:      #8a8a82;
  --accent:     #2f4b7c;   /* 藍 */
  --accent-dark:#26406b;
  --accent-weak:#eef1f6;
  --danger:     #b3261e;   /* 削除など破壊的操作 */
  --danger-weak:#f7eceb;
  --hairline:   #e7e6e0;
  --code-bg:    #f5f5f1;
  --border:     #e7e6e0;
  --page:       62rem;     /* shared width: header inner === content panel */
  --sidebar-width: 15rem;
  --sidebar-right-width: 20rem; /* 右サイドバー（用途未定の足場。十分広い画面でのみ表示） */
  --topbar-height: 3.25rem;

  /* Foundation */
  --font-sans: "IBM Plex Sans JP", system-ui, sans-serif;
  --font-size: 95%;
  --line-height: 1.75;
  --space: 0.9rem;
  --control-padding-y: 0.45rem;
  --control-padding-x: 0.7rem;
  --focus-ring: 0 0 0 0.2rem rgba(47, 75, 124, 0.24);
}