.shimaoptics-renewal {
  /* Color */
  --shimaoptics-renewal-color-text: #6E6E6E;
  --shimaoptics-renewal-color-background: #FFFFFF;
  --shimaoptics-renewal-color-primary: #99D1B5;
  --shimaoptics-renewal-color-accent: #A6926F;
  --shimaoptics-renewal-color-white: #FFFFFF;
  --shimaoptics-renewal-color-border: #E0E0E0;

  /* Font */
  --shimaoptics-renewal-font-family-base: "Noto Sans JP", sans-serif;
  --shimaoptics-renewal-font-family-en: "Inter", sans-serif;

  /* Container */
  --shimaoptics-renewal-container-width: 1200px;
  --shimaoptics-renewal-container-padding: 40px;

  /* Spacing */
  --shimaoptics-renewal-space-xs: 8px;
  --shimaoptics-renewal-space-sm: 16px;
  --shimaoptics-renewal-space-md: 24px;
  --shimaoptics-renewal-space-lg: 40px;
  --shimaoptics-renewal-space-xl: 80px;

  /* Radius */
  --shimaoptics-renewal-radius-sm: 4px;
  --shimaoptics-renewal-radius-md: 8px;

  /* Transition */
  --shimaoptics-renewal-transition-base: 0.3s ease;

  /* Breakpoint (reference only; media queries below use the literal value) */
  --shimaoptics-renewal-breakpoint-tablet: 768px;
}

@media (max-width: 768px) {
  .shimaoptics-renewal {
    --shimaoptics-renewal-container-padding: 20px;
    --shimaoptics-renewal-space-xl: 48px;
  }
}