:root {
  /* foogift-webapp/src/styles/theme.css と統一(プロダクトの新ブランド) */
  --color-primary: #ff7438;
  --color-primary-hover: #e8672b;
  --color-primary-disabled: #b3b3b3;
  --color-accent: #794900;
  --color-gold: #eaba3d;
  --color-text: #414141;
  --color-bg: #fdf6e3;
  --color-surface: #ffffff;

  --color-danger: #ef4444;
  --color-danger-bg: #fee2e2;
  --color-danger-border: #fca5a5;
  --color-danger-text: #991b1b;

  --color-border: #dddddd;
  --color-border-light: #eeeeee;

  --radius-pill: 9999px;
  --radius-card: 16px;
  --radius-input: 10px;

  --font-family-base: 'M PLUS Rounded 1c', 'Zen Maru Gothic', 'Helvetica', sans-serif;
  /* TypeSquare(モリサワWebフォント)。見出しにコシのある専用書体を、本文側のフォールバックは維持する */
  --font-family-display: '見出ゴMB31', 'M PLUS Rounded 1c', 'Zen Maru Gothic', sans-serif;
  --font-family-readable: 'UD新ゴNT M', 'M PLUS Rounded 1c', 'Zen Maru Gothic', sans-serif;

  --shadow-card: 0 2px 6px rgba(0, 0, 0, 0.1);

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;

  --container-width: 1120px;
}