:root {
  --color-primary: #e85d2a;
  --color-primary-light: #fff4ee;
  --color-accent: #2d9b6a;
  --color-accent-light: #e8f6ef;
  --color-bg: #f7f3ee;
  --color-card: #ffffff;
  --color-text: #2c2c2c;
  --color-text-secondary: #8a8278;
  --color-text-muted: #b5aea3;
  --color-border: #ede8e1;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --shadow-card: 0 4px 16px rgba(44, 36, 28, 0.06);
  --header-height: 56px;
  --tabbar-height: 56px;
  --preorder-bar-height: 52px;
  --content-max-width: 1440px;
  --sidebar-width: 132px;
  --sidebar-width-desktop: 200px;
}