@charset "UTF-8";
/* ================================================================
   00-tokens — デザイントークン(正本: boki-career/design/boki-career-tokens.css §1)
   全数移植・欠落0。:root 45宣言 + SP上書き5宣言 = 50宣言。
   値は1文字も変えていない。追加もしていない。
   ================================================================ */

/* ---------- 1. TOKENS ---------- */
:root{
  /* color */
  --bk-bg:            #FAF8F5;
  --bk-surface:       #FFFFFF;
  --bk-surface-alt:   #F3F0E9;
  --bk-surface-zebra: #FCFBF8;
  --bk-line:          #E2DDD3;
  --bk-line-soft:     #EFEBE3;
  --bk-ink:           #22252A;
  --bk-ink-2:         #4A4F57;
  --bk-ink-3:         #7A8089;
  --bk-brand:         #234E77;
  --bk-brand-dark:    #1A3C5C;
  --bk-brand-tint:    #EAF0F6;
  --bk-brand-line:    #CFDDEB;
  --bk-accent:        #A9743A;
  --bk-accent-tint:   #F7EFE2;
  --bk-accent-line:   #E7D9C2;
  --bk-footer-bg:     #22252A;
  --bk-footer-ink:    #D6D9DE;
  --bk-footer-mute:   #A8ADB5;
  --bk-footer-line:   #3A3E45;

  /* type */
  --bk-font-sans: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN",
                  "Hiragino Sans", "Yu Gothic Medium", "Yu Gothic",
                  "Noto Sans JP", Meiryo, sans-serif;
  --bk-font-num: "SF Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --bk-fs-h1: 34px;
  --bk-fs-h2: 25px;
  --bk-fs-h3: 20px;
  --bk-fs-body: 17px;
  --bk-fs-small: 14px;
  --bk-fs-micro: 12.5px;
  --bk-lh-body: 1.9;
  --bk-lh-head: 1.5;

  /* space */
  --bk-s1:4px;  --bk-s2:8px;  --bk-s3:12px; --bk-s4:16px;
  --bk-s5:24px; --bk-s6:32px; --bk-s7:48px; --bk-s8:64px; --bk-s9:96px;

  /* shape */
  --bk-r1:3px;   /* button, tag */
  --bk-r2:6px;   /* card, table */
  --bk-r3:10px;  /* 結論カプセル */

  /* layout */
  --bk-measure: 750px;   /* 本文カラム */
  --bk-side: 320px;      /* サイドバー */
  --bk-gutter: 70px;
}
@media (max-width: 782px){
  :root{
    --bk-fs-h1: 25px;
    --bk-fs-h2: 21px;
    --bk-fs-h3: 18px;
    --bk-fs-body: 16px;
    --bk-gutter: 18px;
  }
}

/* ----------------------------------------------------------------
   Xwrite ネイティブUI側の色トークンを --bk-* と同値に寄せる。
   親は theme_mod 未設定なら :root に何も出さない(解析§4)ので、
   ここで定義しておけば mods.php 未投入の環境でも色が割れない。
   ---------------------------------------------------------------- */
:root{
  --key-color:   #234E77;
  --txt-color:   #22252A;
  --link-color:  #234E77;
  --point-color: #A9743A;
}