:root {
  --color-main:      #E2D4B5;
  --color-main-hover: #E6BE97;
  --color-main-text:  #7D6540;
  --color-sub:     #E8F2EE;
  --color-border:  #D6D1C4;
  --color-bg:      #F7F7F6;
  --color-card:    #E8F2EE;
  --color-accent:  #E6BE97;
  --color-text:    #2A2A2A;
  --color-text-muted: #555555;
  --color-customer: #2F6F72;
  --color-white:   #FFFFFF;
  --color-danger:  #FF6464;
  --color-footer-bg: #3A3530;

  --font-heading:  'Zen Kaku Gothic New', sans-serif;
  --font-body:     'Noto Sans JP', sans-serif;

  --sp-xs:  4px;
  --sp-sm:  8px;
  --sp-md:  16px;
  --sp-lg:  24px;
  --sp-xl:  40px;
  --sp-2xl: 64px;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-full: 9999px;

  --transition: 0.3s ease;
  --max-width: 1100px;
}