:root {
  --color-primary: #009c3b;
  --color-primary-dark: #007c30;
  --color-yellow: #ffdf00;
  --color-blue: #002776;
  --color-japan: #df554f;
  --color-text: #172126;
  --color-text-secondary: #52606a;
  --color-background: #f7faf7;
  --color-white: #ffffff;
  --color-green-soft: #eaf6ed;
  --color-yellow-soft: #fff7d6;
  --color-border: #e1e9e3;
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --container-width: 1180px;
  --section-container-width: 1416px;
  --font-family: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --shadow-card: 0 16px 36px rgb(24 69 38 / 7%);
}