/* =========================================================
   テーマ設定（デザインはこのファイルだけで一括変更できます）
   変更方法は ../DESIGN.md を参照
   ========================================================= */
:root {
  /* --- フォント --- */
  --font-family: "Meiryo", "メイリオ", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Noto Sans CJK JP", "Yu Gothic", sans-serif;
  --font-size-base: 15px;      /* 本文 */
  --font-size-small: 13px;     /* 日時・情報源など */
  --font-size-title: 16px;     /* 記事タイトル */
  --font-size-lead: 17px;      /* 冒頭の1行（今日の件数） */
  --font-size-h1: 22px;        /* サイト名 */
  --font-weight-title: 600;    /* 太さの差を控えめに（700 にすると強くなる） */
  --line-height: 1.7;

  /* --- 配色（白地・紺アクセント） --- */
  --color-bg: #ffffff;
  --color-surface: #ffffff;        /* 枠の中の背景 */
  --color-surface-alt: #f5f7fa;    /* 薄い面（ツールバー・見出し帯） */
  --color-text: #1f2937;
  --color-text-sub: #4b5563;       /* 補足文字（薄くしすぎない） */
  --color-border: #d6dce5;
  --color-accent: #1e3a64;         /* 紺 */
  --color-accent-soft: #e8eef7;
  --color-link: #1e3a64;
  --color-focus: #2f5fa8;

  /* 種類（公式/ニュース/X）のラベル色 */
  --type-official: #1e3a64;
  --type-news: #4b5563;
  --type-x: #111827;

  /* カテゴリ名の色（一覧の左上に小さく表示） */
  --cat-color: #1e3a64;

  /* プロバイダー別タグの色（線と文字だけに使う控えめな色） */
  --tag-google: #2f5fa8;
  --tag-openai: #0f766e;
  --tag-anthropic: #9a4a1f;
  --tag-xai: #374151;
  --tag-other: #6b7280;

  /* --- 形・余白 --- */
  --radius: 8px;               /* 角丸（0 で四角） */
  --radius-chip: 999px;        /* フィルタボタンの角丸 */
  --border-width: 1px;
  --space: 8px;                /* 余白の基本単位。全体の詰まり具合はここで調整 */
  --content-width: 1080px;
  --shadow: none;              /* 例: 0 1px 3px rgba(0,0,0,.08) */

  /* --- 部品の見た目（デザイン案 themes/*.css はおもにここを上書き） --- */
  --on-accent: #ffffff;            /* アクセント色の上に載る文字色 */
  --accent-gradient: none;         /* 例: linear-gradient(90deg, #5b6cff, #22d3ee)。none なら単色 */
  --header-bg: transparent;        /* サイト名の帯の背景 */
  --header-text: var(--color-accent);
  --header-sub: var(--color-text-sub);
  --header-rule: 2px solid var(--color-accent);  /* サイト名の下の線 */
  --header-top-rule: none;         /* サイト名の上の線（雑誌風の二重線など） */
  --header-pad: 0 0 10px;          /* サイト名の帯の内側の余白 */
  --header-radius: 0;
  --header-align: baseline;
  --h1-tracking: 0;                /* サイト名の字間 */
  --tagline-display: none;         /* サイト名の下の一言（block で表示） */
  --list-frame: var(--border-width) solid var(--color-border);  /* 一覧の外枠（カード型は none） */
  --list-bg: var(--color-surface);
  --list-columns-mid: 1;          /* 幅 720〜1100px のときの列数 */
  --show-mode-toggle: none;        /* ライト／ダーク切り替えボタン（両モードを持つテーマだけ inline-flex） */
  --list-columns: 1;              /* 一覧の列数（カード型は 2。幅 900px 未満は常に 1 列） */
  --item-gap: 0px;                 /* 記事同士のすき間（カード型は 12px など） */
  --item-sep: var(--border-width) solid var(--color-border);    /* 記事の区切り線 */
  --item-border: none;             /* 記事ごとの枠（カード型） */
  --item-radius: 0;
  --item-bg: transparent;
  --item-topbar: none;             /* 記事カード上端の飾り線（グラデーション等） */
  --item-shadow: none;
  --item-hover: transparent;       /* 記事にマウスを載せたときの背景 */
  --item-pad: calc(var(--space) * 1.5) calc(var(--space) * 2);
  --catname-bg: transparent;       /* カテゴリ名の背景（バッジにするとき） */
  --catname-pad: 0;
  --catname-radius: 0;
  --day-color: var(--color-accent);
  --day-rule: none;                /* 日付見出しの下線 */
  --abstract-bg: var(--color-surface);
  --abstract-accent: none;         /* 要約欄の左の線 */
  --font-size-article-title: 22px;
  --article-width: 760px;

  /* --- 表示 --- */
  --show-summary: block;       /* 一覧で要約を隠すなら none */
  --summary-lines: 3;          /* 一覧で見せる要約の行数（超えた分は「…」で省略。全文は記事ページ） */
  --show-original-title: block;/* 一覧で英語の原題を隠すなら none */
}