/* =====================================================================
   バクヤスAI 記事代行 — ブランドテーマ（カラートークンのみ）
   共通DS: techsuite-ds.css ／ 差分はこの配色だけ。
   ベース: ロゴ色 teal #60c0bd → blue #0079c2
   ===================================================================== */
:root {
  --accent: #0079c2;                 /* 主役ブルー */
  --accent-2: #005f9c;
  --accent-soft: #e5f1fa;
  --accent-glow: rgba(0, 121, 194, .18);

  --teal: #3fb2c2;                   /* グラデ開始＝ティール */
  --teal-2: #60c0bd;

  --dark: #0b2338;                   /* ダークセクション＝ディープネイビー */
  --dark-2: #0e2c46;

  --accent-on-dark: #6fd3dd;

  --shadow-cta: 0 12px 26px rgba(0, 121, 194, .30);

  --glow-hero-1: rgba(96, 192, 189, .16);   /* ヒーロー装飾：ティール */
  --glow-hero-2: rgba(0, 121, 194, .10);    /* 同：ブルー */
  --glow-section: rgba(96, 192, 189, .16);

  /* ---- 寸法トークン（構造はDS・値だけここで差し替える） ---- */
  /* ヒーローのエンブレム：受賞1件ではなく実績数値を3件並べる型のため、
     数字を小さく・間隔を詰める（DS既定は ai-search の受賞バッジ1件向け）。
     マークアップ側で .hero_stats--emblem--multi を併用する。 */
  --emb-num: var(--accent);                       /* 数字＝ブランド色（既定は金） */
  --emb-num-size: clamp(24px, 3.2vw, 34px);
  --emb-gap: clamp(16px, 4vw, 56px);
  --emb-inner-gap: 6px;
  --emb-laurel: clamp(58px, 7vw, 80px);
  --emb-line: 1.05;
  --emb-w: calc(clamp(24px, 3.2vw, 34px) * 4.7);  /* 数字サイズに追従させる */
  --emb-lead-size: 11px;
  --emb-lead-gap: 6px;                            /* ラベルが上・数字が下の並び */
  --emb-v-gap: 0;
  --emb-note-w: 680px;
  --emb-note-size: 11.5px;
  --emb-note-line: 1.75;
  --emb-gap-sp: 14px;
  --emb-laurel-sp: 50px;
  --emb-w-sp: calc(clamp(24px, 3.2vw, 34px) * 4.7);

  --hero-btns-mt: clamp(24px, 3vw, 32px);         /* ヒーローCTAの上余白 */
}