:root {
  --color-primary: #009d4f;
  --color-primary-hover: #008246;
  --color-admin: #005f73;
  --color-bg-page: #f4f4f4;
  --color-bg-surface: #ffffff;
  --color-text-primary: #2f3338;
  --color-text-secondary: #66707a;
  --color-alert: #e60027;
  --color-input-border: #cfd5dc;
  --color-footer-bg: #0f1217;
  --color-footer-text: #d4d8de;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 40px;
  --space-8: 48px;
  --space-9: 64px;

  --font-family-base: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", Meiryo, sans-serif;
  --font-size-sm: 14px;
  --font-size-md: 16px;
  --font-size-lg: 20px;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --line-height-base: 1.6;
}