/* ============================================================
   税理士法人さくら総合会計 — Design System Tokens v1
   ベース: O'lion(語り構造/生成り基調) + 荻野OGINO(明朝/間/質感)
   翻案: アクセント=桜の一点。和紙生成り×墨×桜。
   ============================================================ */
:root{
  /* --- 地(surface) --- */
  --paper:      #F4EEE6;   /* 和紙生成り・基調 */
  --paper-2:    #EBE2D4;   /* 一段濃い生成り・交互ブロック */
  --ink-deep:   #211D18;   /* 墨地(暗地セクション) 文字は--paperで反転 */

  /* --- 文字(ink) --- */
  --ink:        #23211C;   /* 墨・本文/見出し */
  --ink-mute:   #6E665B;   /* 補助 */
  --ink-dim:    #9C9488;   /* 最弱・キャプション */
  --on-deep:    #F4EEE6;   /* 暗地上の文字 */

  /* --- 罫線 --- */
  --line:       rgba(35,33,28,.14);
  --line-strong:rgba(35,33,28,.28);

  /* --- アクセント=桜(1色に集約) --- */
  --sakura:     #C2697A;   /* 退紅寄りの上品な桜・CTA/下線/番号/em/::selection */
  --sakura-soft:#E7CCD0;   /* ソフト塗り/淡い面 */
  --sakura-deep:#99465A;   /* hover/強調 */

  /* --- (任意)信頼の藍・暗地の差し色。既定は不使用 --- */
  --ai:         #26303A;

  /* --- 書体 --- */
  --font-mincho:  "Noto Serif JP","游明朝","Yu Mincho",YuMincho,"Hiragino Mincho ProN",serif;
  --font-garamond:"EB Garamond","Adobe Garamond Pro",Garamond,serif;
  --font-sans:    "Noto Sans JP","游ゴシック体","Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
  --font-mono:    "IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

  /* --- タイポ・スケール(流体) --- */
  --fs-hero:  clamp(2.6rem, 7.2vw, 6rem);
  --fs-h2:    clamp(1.75rem, 4vw, 3rem);
  --fs-h3:    clamp(1.25rem, 2.3vw, 1.85rem);
  --fs-lead:  clamp(1.05rem, 1.5vw, 1.28rem);  /* 思想リード文 */
  --fs-body:  clamp(0.95rem, 1.05vw, 1.06rem); /* ≈15–17px */
  --fs-label: 0.72rem;                          /* mono ラベル */
  --lh-head: 1.12;   /* 見出し詰める */
  --lh-body: 1.95;   /* 和文本文ゆったり */
  --lh-lead: 2.1;
  --ls-label: .28em; /* ラベル/番号 */

  /* --- スペーシング --- */
  --pad:   clamp(20px, 5vw, 80px);    /* 左右ガター */
  --sec-y: clamp(84px, 12vw, 168px);  /* セクション縦余白 */
  --gap:   clamp(20px, 3vw, 48px);
  --maxw:  1200px;   /* 全体最大幅(エディトリアル) */
  --readw: 720px;    /* 読み物カラム幅 */

  /* --- 角丸 --- */
  --r:      2px;     /* 面はほぼシャープ(和の品格) */
  --r-pill: 999px;   /* primary CTA のみピル */

  /* --- モーション(静かに・ゆっくり) --- */
  --ease:      cubic-bezier(.22,1,.36,1);
  --ease-soft: cubic-bezier(.4,0,.2,1);
  --dur-rev:   .9s;   /* reveal */
  --dur-hover: .4s;
}
::selection{ background:var(--sakura-soft); color:var(--sakura-deep); }
@media (prefers-reduced-motion: reduce){
  *{ animation:none !important; transition:none !important; }
}