/* ============================================================
   gera-counter concept-brief — design tokens
   ★ :root を宣言してよいのはこのファイルだけ (seminar-forge S3)

   STYLE ANCHOR: クリーム地(#FDF9F0)×チャコール(#33313B)×サンイエロー(#F0A11B)
   +ブルーグレー(#5877A3)。フラットポップな図形、太めの丸ゴシック風日本語文字、
   丸みのある簡略人物ピクト(点目+大きな笑い口)、手描き風のやわらかい輪郭、余白広め。
   写真調・3D・グラデーション禁止。
   全キービジュアル画像はこの記述をプロンプトに逐語で含める。
   ============================================================ */

:root {
  /* --- 共通構造トークン --- */
  --maxw: 760px;
  --space-1: 6px;
  --space-2: 10px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 36px;
  --space-6: 54px;
  --r: 16px;
  --r-sm: 10px;
  --line: 1.85;
  --font-sans: 'Zen Maru Gothic', 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', 'Meiryo', sans-serif;
  --font-head: 'M PLUS Rounded 1c', 'Zen Maru Gothic', sans-serif;
  --shadow: 0 10px 30px rgba(51, 49, 59, .10);
  --shadow-sm: 0 4px 14px rgba(51, 49, 59, .08);

  /* --- ブランド (笑い=サンイエロー / 技術=ブルーグレー) --- */
  --brand-1: #f0a11b;
  --brand-1-deep: #9a6403;
  --brand-1-soft: #fff5e0;
  --brand-1-line: #f3ddb0;
  --accent: #5877a3;
  --accent-deep: #40587c;
  --accent-soft: #edf2f8;
  --gold: #d96f5c;
  --gold-soft: #fdeeea;

  --ink: #33313b;
  --ink-soft: #5f5c68;
  --ink-faint: #97939f;
  --paper: #ffffff;
  --cream: #fdf9f0;

  /* seminar 追加分 */
  --vw-max: 880px;
  --kv-good: var(--brand-1);
  --kv-bad: #9aa0a6;
  --kv-accent: var(--accent);
}