/* GlobalB UI 既定のトークン（v0.1.7）
   案件の public/css/ などにコピーして使う。案件側で自由に変えてよい。
   顧客ごとに変えるのは原則 --accent とロゴまで。 */
:root {
  /* 無彩色（zinc 系） */
  --gray-50: #fafafa;
  --gray-100: #f4f4f5;
  --gray-200: #e4e4e7;
  --gray-300: #d4d4d8;
  --gray-400: #a1a1aa;
  --gray-500: #71717a;
  --gray-600: #52525b;
  --gray-700: #3f3f46;
  --gray-800: #27272a;
  --gray-900: #18181b;

  /* 役割 */
  --bg: var(--gray-50);
  --surface: #ffffff;
  --border: var(--gray-200);
  --text: var(--gray-900);
  --text-muted: var(--gray-600);   /* 白地でコントラスト 7:1 程度 */
  --primary: var(--gray-900);      /* 主ボタン（黒） */
  --primary-text: #ffffff;
  --accent: #2563eb;               /* 顧客ごとに変えてよい（リンク・選択中） */
  --focus: #2563eb;

  /* 状態（色だけで伝えず、必ず文字と併用） */
  --ok: #15803d;      --ok-bg: #dcfce7;
  --warn: #a16207;    --warn-bg: #fef9c3;
  --danger: #b91c1c;  --danger-bg: #fee2e2;
  --info: #1d4ed8;    --info-bg: #dbeafe;

  /* 文字 */
  --font: system-ui, -apple-system, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic UI", Meiryo, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;   /* スマホの本文・入力欄の最小 */
  --text-lg: 18px;
  --text-xl: 22px;
  --leading: 1.6;

  /* 余白（4px の倍数） */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-8: 32px; --sp-10: 40px;

  /* 形 */
  --radius-card: 8px;
  --radius-control: 6px;
  --tap: 44px;          /* 押す場所の最小 */
  --sidebar-w: 240px;
  --content-max: 1200px;
}