:root {
  --color-bg: #f5f5f5;
  --color-text: #333;
  --color-primary: #2563eb;
  --color-secondary: #ffffff;
  --color-accent: #3b82f6;
  --card-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Noto Sans JP", sans-serif;
  background-color: var(--color-bg);
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 5c0.8 0 1.5-0.7 1.5-1.5S3.8 2 3 2 1.5 2.7 1.5 3.5 2.2 5 3 5zm15 7.5c0.8 0 1.5-0.7 1.5-1.5s-0.7-1.5-1.5-1.5-1.5 0.7-1.5 1.5 0.7 1.5 1.5 1.5zm-12.5-2c0.4 0 0.8-0.4 0.8-0.8s-0.4-0.8-0.8-0.8-0.8 0.4-0.8 0.8 0.4 0.8 0.8 0.8zm17.5 9c0.4 0 0.8-0.4 0.8-0.8s-0.4-0.8-0.8-0.8-0.8 0.4-0.8 0.8 0.4 0.8 0.8 0.8zM10 27c0.4 0 0.8-0.4 0.8-0.8s-0.4-0.8-0.8-0.8-0.8 0.4-0.8 0.8 0.4 0.8 0.8 0.8zm17.5-22.5c0.4 0 0.8-0.4 0.8-0.8s-0.4-0.8-0.8-0.8-0.8 0.4-0.8 0.8 0.4 0.8 0.8 0.8zM3.5 25.5c0.7 0 1.2-0.6 1.2-1.2s-0.6-1.2-1.2-1.2-1.2 0.6-1.2 1.2 0.6 1.2 1.2 1.2zm8.5-19.5c0.7 0 1.2-0.6 1.2-1.2s-0.6-1.2-1.2-1.2-1.2 0.6-1.2 1.2 0.6 1.2 1.2 1.2zm7 3.5c0.8 0 1.5-0.7 1.5-1.5s-0.7-1.5-1.5-1.5-1.5 0.7-1.5 1.5 0.7 1.5 1.5 1.5zm-2 18c0.8 0 1.5-0.7 1.5-1.5s-0.7-1.5-1.5-1.5-1.5 0.7-1.5 1.5 0.7 1.5 1.5 1.5zm8.5-6.5c0.8 0 1.5-0.7 1.5-1.5s-0.7-1.5-1.5-1.5-1.5 0.7-1.5 1.5 0.7 1.5 1.5 1.5z' fill='%23e0e0e0' fill-opacity='0.15' fill-rule='evenodd'/%3E%3C/svg%3E");
  color: var(--color-text);
  line-height: 1.6;
}