:root {
    --cm-primary: #00c3ce;
    --cm-primary-dark: #00a8b2;
    --cm-primary-light: #e6f9fa;
    --cm-text: #333333;
    --cm-text-secondary: #666666;
    --cm-text-muted: #999999;
    --cm-border: #eeeeee;
    --cm-bg: #f5f6f8;
    --cm-card-bg: #ffffff;
    --cm-radius: 12px;
    --cm-radius-sm: 8px;
    --cm-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    --cm-header-height: 48px;
    --cm-tabbar-height: 56px;
    --cm-tabbar-total: calc(var(--cm-tabbar-height) + var(--cm-safe-bottom));
    --cm-tabbar-gap: calc(var(--cm-tabbar-total) + 24px);
    --cm-pc-nav-height: 60px;
    --cm-container-max: 1200px;
    --cm-safe-bottom: env(safe-area-inset-bottom, 0px);
}