/*
 * soda-board と同じ見た目の値（色・フォント・角丸）。
 * 元は soda-board の app/globals.css（--sb-*）。基準を変えたら、ここも写し直す。
 * 各業務アプリに同じ内容のファイルを置いている。アプリ側の CSS はこの変数を使う。
 * ダークは <html data-theme="dark"> のときだけ（既定はライト。ポータルと同じ）。
 */
:root {
  --sb-font: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN",
    "Noto Sans JP", "Yu Gothic UI", Meiryo, system-ui, sans-serif;

  --sb-canvas: #ffffff; /* 白い面・カード */
  --sb-parchment: #f5f5f7; /* 薄いグレーの面 */
  --sb-ink: #1d1d1f; /* 文字 */
  --sb-ink-soft: #333333; /* 少し弱い文字 */
  --sb-muted: #6e6e73; /* 補足の文字 */
  --sb-hairline: #e0e0e0; /* カードの枠線 */
  --sb-divider: #f0f0f0; /* 行の区切り線 */
  --sb-field: #d2d2d7; /* 入力欄の枠線 */
  --sb-action: #0066cc; /* リンク・押せる文字 */
  --sb-action-fill: #0066cc; /* 青いボタンの背景 */
  --sb-action-focus: #0071e3; /* フォーカスの枠 */
  --sb-action-weak: #e8f1fb; /* 選択中の行などの薄い青 */
  --sb-nav: #000000;

  --sb-radius-sm: 8px;
  --sb-radius-md: 11px;
  --sb-radius-lg: 18px; /* カード */
  --sb-radius-pill: 9999px; /* ボタン・検索欄 */
}

:root[data-theme="dark"] {
  --sb-canvas: #1c1c1e;
  --sb-parchment: #000000;
  --sb-ink: #f5f5f7;
  --sb-ink-soft: #d2d2d7;
  --sb-muted: #a1a1a6;
  --sb-hairline: #38383a;
  --sb-divider: #2c2c2e;
  --sb-field: #48484a;
  --sb-action: #2997ff;
  --sb-action-fill: #0066cc;
  --sb-action-focus: #2997ff;
  --sb-action-weak: #102a43;
}