/* ============================================================
   kazsh.com デザイントークン（単一ソース）
   色・フォント・モーションのコア値はここで一元管理する。
   命名はセマンティック（役割ベース）＋型付きプレフィックス。
   各ページ固有のレイアウト値（--maxw, --mat 等）は各ページに残す。
   ============================================================ */
:root{
  /* --- 色: 下地 / サーフェス --------------------------------- */
  --color-bg:#FFFFFF;              /* 基本背景（白） */
  --color-surface-dark:#101211;    /* 暗ステージ（ギャラリー等） */
  --color-surface-subtle:#F7F6F2;  /* 微妙な地色帯（職歴バンド等） */
  --color-surface-muted:#F4F4F4;   /* 薄いグレー面（cc プレースホルダ等） */

  /* --- 色: テキスト / 罫線 ---------------------------------- */
  --color-text:#17181A;            /* 本文・見出し */
  --color-text-muted:#8B887E;      /* 補助テキスト */
  --color-border:#E3E1D9;          /* 罫線・境界 */

  /* --- 色: アクセント --------------------------------------- */
  --color-accent:#3F5A4C;          /* 深緑（プライマリ差し色） */
  --color-accent-blue:#20395C;     /* 濃い青（Topタイムライン／職歴） */
  --color-accent-amber:#8A6D3B;    /* 琥珀（flash） */
  --color-accent-ember:#B4562E;    /* 朱（pad） */
  --color-accent-warm:#B4794E;     /* 暖褐（family） */

  /* --- フォント --------------------------------------------- */
  --font-en:"Outfit", sans-serif;                                              /* 英字 */
  --font-jp:"Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif; /* 和文 */
  --font-display:Futura,"Avenir Next","Century Gothic",sans-serif;             /* 見出しディスプレイ（cc） */

  /* --- モーション ------------------------------------------- */
  --ease-out:cubic-bezier(0.22, 1, 0.36, 1);  /* 標準イージング */
  --dur-fast:.25s;                             /* 速 */
  --dur-base:.3s;                              /* 標準 */
  --dur-slow:.5s;                              /* 遅 */

  /* --- 角丸（現状すべて 0 = 角丸なし。復活時はここを直す） ----- */
  --radius-sm:0;                               /* 小（旧 2–4px 相当） */
  --radius-md:0;                               /* 中（旧 6–10px 相当） */
  --radius-lg:0;                               /* 大 */
  --radius-pill:0;                             /* ピル（旧 999px 相当） */
  --radius-full:0;                             /* 円（旧 50% 相当） */
}

/* ============================================================
   基礎レイヤー（サイト共通の下地）
   ここで body に色・フォントを適用する。各ページはこれを継承し、
   固有の値（font-weight, line-height, レイアウト等）だけ上書きする。
   ※ cc/ は body の font-family だけ独自指定で上書き（Futura/Hiragino系）。
   ============================================================ */
html{ -webkit-text-size-adjust:100%; }
body{
  background:var(--color-bg);
  color:var(--color-text);
  font-family:var(--font-jp);
  -webkit-font-smoothing:antialiased;
}