:root{--color-background: #FFFFFF; --color-background-soft: #F7F7F7; --color-background-alt: #F5F5F5; --color-border-light: #E8E8E8; --color-border-medium: #DDDDDD; --color-text-primary: #222222; --color-text-secondary: #555555; --color-text-tertiary: #777777; --color-text-light: #999999; --color-text-white: #FFFFFF; --color-primary: #FF2B56; --color-primary-light: #FF3B70; --color-primary-dark: #C2185B; --color-secondary: #00B5E4; --color-secondary-light: #E8F9FF; --color-accent: #FF6B35; --color-success: #2E7D32; --color-success-light: #E8F5E9; --color-warning: #F57C00; --color-warning-light: #FFF3E0; --color-error: #FF3B38; --color-star-color: #FF6B35; --color-review-star-color: #FFB800; --color-badge-background: #FF3B38; --color-badge-text: #FFFFFF; --color-avatar-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%); --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; --font-size-xs: 11px; --font-size-sm: 12px; --font-size-base: 13px; --font-size-md: 14px; --font-size-lg: 15px; --font-size-xl: 16px; --font-size-2xl: 18px; --font-size-3xl: 20px; --font-size-4xl: 22px; --font-size-5xl: 24px; --font-weight-regular: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --spacing-xs: 4px; --spacing-sm: 8px; --spacing-md: 12px; --spacing-lg: 16px; --spacing-xl: 20px; --spacing-2xl: 24px; --radius-sm: 6px; --radius-md: 8px; --radius-lg: 10px; --radius-xl: 12px; --radius-2xl: 16px; --radius-3xl: 20px; --radius-full: 50%; --shadow-sm: 0 1px 3px rgba(0,0,0,0.1); --shadow-md: 0 2px 8px rgba(0,0,0,0.05); --shadow-lg: 0 4px 12px rgba(0,0,0,0.1); --shadow-bottomNav: 0 -2px 8px rgba(0,0,0,0.05);}