:root {
  /* ================================
     ブランド基調カラー（緑系）
  ================================= */
  --brand-start: #2e7d32;   /* メインの濃いグリーン */
  --brand-end:   #66bb6a;   /* 補完するライトグリーン */
  --brand-shadow: rgba(46,125,50,.28);
  /* color-mix(in srgb, var(--brand-start) 35%, transparent); */

  /* ================================
     アクセントカラー
  ================================= */
  --accent-warm: #d1a94f;   /* 暖かみのある黄み寄りアクセント */
  --accent-cool: #5ba4d6;   /* 補助的に使う青みアクセント */

  /* ================================
     サーフェス / 背景系
  ================================= */
  --surface-1: #f7fbf8;  /* ページ背景 */
  --surface-2: #eef7f1;  /* セクション背景の淡い層 */
  --card-bg:   #ffffff;  /* カード用 */
  --card-border: #e4efe8;

  /* ================================
     テキストカラー
  ================================= */
  --bg-dk:   #1f2937; /* 基本ダークテキスト */
  --bg-dk-2: #374151; /* 補助テキスト */
  --on-dk:   #ffffff; /* ダーク背景上の文字色 */

  /* ================================
     カテゴリカラー
  ================================= */
  --cat-illustration: #ffbb29; /* イラスト - 深緑 */
  --cat-stickers:     #74f1dd; /* シール/ステッカー - 若草色 */
  --cat-accessories:  #e9eb78; /* 小物 - 青緑 */
  --cat-jewelry:      #2b5bf7; /* ジュエリー - ミントグリーン */

  /* ================================
     フィードバック / 状態色
  ================================= */
  --error:   #e53e3e; /* エラー、価格表示など */
  --success: #38a169; /* 成功、通知など */
  --warning: #dd6b20; /* 注意喚起 */

  /* ================================
     共通シャドウ
  ================================= */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 15px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 8px 25px rgba(0, 0, 0, 0.12);
}