/**
 * Douyin Design System - CSS Variables
 * 抖音设计规范 - CSS变量
 */

:root {
    /* Primary Colors - 主色调 */
    --douyin-pink: #FE2C55;
    --douyin-cyan: #25F4EE;
    --douyin-blue: #69C9D0;
    
    /* Background Colors - 背景色 */
    --bg-primary: #000000;
    --bg-secondary: #121212;
    --bg-tertiary: #1F1F1F;
    --bg-card: #252525;
    --bg-overlay: rgba(0, 0, 0, 0.6);
    
    /* Text Colors - 文字颜色 */
    --text-primary: #FFFFFF;
    --text-secondary: rgba(255, 255, 255, 0.75);
    --text-tertiary: rgba(255, 255, 255, 0.5);
    --text-disabled: rgba(255, 255, 255, 0.34);
    
    /* Border Colors - 边框颜色 */
    --border-primary: rgba(255, 255, 255, 0.12);
    --border-secondary: rgba(255, 255, 255, 0.06);
    
    /* Icon Sizes - 图标尺寸 */
    --icon-xs: 16px;
    --icon-sm: 20px;
    --icon-md: 24px;
    --icon-lg: 32px;
    --icon-xl: 48px;
    
    /* Spacing - 间距 */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 12px;
    --spacing-lg: 16px;
    --spacing-xl: 24px;
    --spacing-xxl: 32px;
    
    /* Border Radius - 圆角 */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 20px;
    --radius-full: 9999px;
    
    /* Shadows - 阴影 */
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.5);
    --shadow-pink: 0 0 20px rgba(254, 44, 85, 0.4);
    
    /* Transitions - 过渡动画 */
    --transition-fast: 0.15s ease;
    --transition-normal: 0.25s ease;
    --transition-slow: 0.4s ease;
    --transition-bounce: 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    
    /* Z-Index - 层级 */
    --z-base: 1;
    --z-dropdown: 10;
    --z-sticky: 20;
    --z-overlay: 50;
    --z-modal: 100;
    --z-toast: 1000;
    
    /* Safe Area - 安全区域 */
    --safe-area-top: env(safe-area-inset-top, 0px);
    --safe-area-bottom: env(safe-area-inset-bottom, 0px);
    
    /* Navigation Heights - 导航高度 */
    --nav-height-mobile: 50px;
    --nav-height-desktop: 60px;
    --bottom-nav-height: 56px;
    
    /* Font Family - 字体 */
    --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', sans-serif;
    
    /* Font Sizes - 字号 */
    --font-xs: 11px;
    --font-sm: 12px;
    --font-base: 14px;
    --font-md: 15px;
    --font-lg: 16px;
    --font-xl: 18px;
    --font-xxl: 20px;
    --font-title: 24px;
}