/* theme-portfolio.css — 見た目（ポートフォリオのブランド：紺 #17305A × 青緑 #0A7C6E）
 * 導入先ごとに、このファイルだけ差し替える。
 * コントラスト比（WCAG AA 文字 4.5 以上）は README に記録。 */
:root {
  --c-bg: #F5F7FA;
  --c-surface: #FFFFFF;
  --c-text: #1C2330;
  --c-sub: #5A6B85;
  --c-primary: #17305A;
  --c-accent: #0A7C6E;
  --c-on-accent: #FFFFFF;
  --c-accent-soft: #E6F3F1;
  --c-line: #DDE3EC;
  --c-line-strong: #7F8CA1; /* 白の上で 3:1 以上（入力欄・選択肢の枠） */
  --c-focus: #17305A;

  --c-head-bg: #17305A;
  --c-head-text: #FFFFFF;
  --c-head-sub: #BFE3DD;

  --c-ok: #0A6B5F;
  --c-ok-bg: #E6F3F1;
  --c-ng: #B3261E;
  --c-ng-bg: #FBEDEC;
  --c-warn-bg: #FFF7E6;
  --c-warn-line: #E5C07B;
  --c-sample-bg: #FFF1D6;
  --c-sample-text: #7A4A00;

  --f-head: "IBM Plex Sans JP", "Hiragino Sans", "Noto Sans JP", sans-serif;
  --f-body: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;

  --r-card: 10px;
  --r-input: 8px;
  --r-btn: 8px;
  --shadow-card: 0 1px 2px rgba(23, 48, 90, .06);
}