/*
Theme Name: Phone Case Vending Theme
Theme URI: https://example.com/phone-case-vending-theme
Author: Your Name
Author URI: https://example.com
Description: A modern WordPress theme for phone case vending machine business with full-screen video background
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: phone-case-vending-theme
Tags: business, video-background, responsive, modern
*/

/* CSS变量定义 */
:root {
    /* 颜色系统 */
    --primary-color: #ff7400;
    --text-white: #ffffff;
    --text-dark: #333333;
    
    /* 布局系统 */
    --container-width: 1350px;
    --container-padding: 20px;
    
    /* 字体系统 */
    --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    --font-size-h1: 48px;
    --font-size-h2: 32px;
    --font-size-body: 16px;
    --line-height-base: 1.6;
    
    /* 间距系统 */
    --spacing-xs: 8px;
    --spacing-sm: 16px;
    --spacing-md: 24px;
    --spacing-lg: 32px;
    --spacing-xl: 48px;
    
    /* 动画系统 */
    --transition-speed: 0.3s;
    --transition-easing: ease-in-out;
    
    /* 断点系统（用于JavaScript） */
    --breakpoint-mobile: 768px;
    --breakpoint-desktop: 1200px;
}

/* 全局重置 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--font-family);
    font-size: var(--font-size-body);
    line-height: var(--line-height-base);
    color: var(--text-dark);
    overflow-x: hidden;
}