/**
 * colors.css — テーマカラーパレット + タイポグラフィ（管理画面から自動生成）
 * 7色のベースカラー + 派生色 + 任意の本文書体設定
 */

:root {
  /* ベースカラー（7色 — 管理画面で変更可能） */
  --c-accent: #06a04c;
  --c-bg: #ffffff;
  --c-surface: #ffffff;
  --c-text: #33373d;
  --c-muted: #888888;
  --c-border: #e5e5e5;
  --c-highlight: #f4f4f4;

  /* 派生色（自動計算） */
  --c-accent-pale: #b4e3c9;
  --c-accent-faint: #ebf7f1;
  --c-accent-rgb: 6, 160, 76;
  --c-border-light: #f2f2f2;

  /* 固定色（警告・危険） */
  --c-warning: #9a6700;
  --c-warning-bg: #fff8e1;
  --c-warning-border: #f0d9b5;
  --c-danger: #a8312d;
  --c-danger-bg: #fdf2f2;
  --c-danger-border: #f0c6c4;

  /* タイポグラフィ（管理画面で変更可能・空なら各テーマ既定値） */
  --c-font-size-base: 16;
  --c-line-height: 2;
  --c-letter-spacing: 0.02;

  /* 第2アクセント・フッター配色（管理画面で変更可能・空ならテーマ既定値） */
  --c-accent-2: #F5B83D;
  --c-footer-bg: #DDF5E7;
  --c-footer-text: #33373d;

  /* 追加配色（ヘッダー/CTA/リンク/ランキング/フローティングCTA/カテゴリーバッジ） */
  --c-cta: #F5B83D;
  --c-cta-rgb: 245, 184, 61;
  --c-link: #F5B83D;
  --c-rank-1: #06A04C;
  --c-float-cta-eyebrow: #F5B83D;
  --c-float-cta-em: #F5B83D;
  --c-article-category: #0C6B3A;
}