:root {
  /* spacing */
  --space-screen: 16px;
  --space-component: 16px;
  --space-card: 12px;

  /* radius */
  --radius-card: 16px;
  --radius-tag: 999px;
  --radius-button: 12px;

  /* sizes */
  --height-button: 44px;
  --height-tag: 32px;
  --height-bottom-nav: 60px;
  --height-header: 60px;

  /* color (POC暫定パレット。ui-spec.mdに正式カラー未定義のためグレースケール+黒ボタン基調) */
  --color-bg: #ffffff;
  --color-surface: #f5f5f5;
  --color-border: #e0e0e0;
  --color-text: #1a1a1a;
  --color-text-sub: #767676;
  --color-primary-bg: #1a1a1a;
  --color-primary-text: #ffffff;
  --color-secondary-bg: #ffffff;
  --color-secondary-text: #1a1a1a;
  --color-accent: #3d6b57;

  /* shadow: 薄め、写真を邪魔しない */
  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-modal: 0 8px 24px rgba(0, 0, 0, 0.18);
}