/* ============================================================
   tokens.css — デザイントークン（全ページ・全サイト共通）
   流用の心臓部。別サイトに移すときは基本ここだけ差し替える。

   ▼ oishiistory（宅食メディア）向けパレット
     食欲を引き立てる暖色（トマト〜マンダリンオレンジ）を主役に、
     健康・野菜を想起させるグリーンをアクセント。
     白基調で清潔感を保ち、「美味しそう×健康的」を両立する。
   ============================================================ */
:root {
  /* メイン：温かみのあるトマトオレンジ（食欲喚起・宅食/お弁当の温度感） */
  --c-main: #ef6a3d;        /* 主役のアクション色（CTA・リンク・ロゴ） */
  --c-main-light: #fdeee7;  /* 主役の淡色（ホバー背景・バッジ地） */
  --c-main-pale: #fff8f4;   /* さらに淡い地色（ヒーロー背景など） */

  /* アクセント：みずみずしい野菜グリーン（健康・栄養・安心） */
  --c-accent: #4caf7d;
  --c-accent-light: #e9f6ef;

  /* サブカラー（ボックス・バッジの色分け用） */
  --c-yellow: #f6b93b;      /* 玄米・はちみつ系の黄（お得/ポイント訴求） */
  --c-yellow-light: #fff7e6;
  --c-blue: #4f9dd6;        /* 冷凍・清潔感の青（補足情報） */
  --c-blue-light: #eaf4fb;
  --c-purple: #9b7cd4;      /* 補助 */
  --c-purple-light: #f1ecfa;

  /* テキスト：やや温かみのあるダークグレー（暖色と相性良） */
  --c-text: #3a3330;
  --c-text-muted: #7a716c;
  --c-text-light: #b0a8a3;

  /* 地・白・境界 */
  --c-bg: #faf7f5;          /* ほんのり暖色を含むオフホワイト背景 */
  --c-white: #fff;
  --c-border: #ece6e2;

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;

  /* 見出しロゴ等の装飾フォントはそのまま流用 */
  --font-main: 'Noto Sans JP', sans-serif;
  --font-deco: 'Nunito', sans-serif;

  --shadow: 0 2px 12px rgba(80,50,30,0.07);
  --shadow-md: 0 4px 20px rgba(80,50,30,0.12);

  /* ブランドグラデーション（ロゴ・帯・見出し下線に共通使用） */
  --grad-brand: linear-gradient(135deg, var(--c-main), var(--c-yellow));
}