/* Design System Variables - Kurai-Muki */
:root {
    /* Color Palette */
    --primary: #1a4d3a;
    --primary-light: #2d6b4f;
    --primary-dark: #0d2e20;
    --primary-accent: #34855c;
    
    /* Text Colors */
    --text: #1a1a1a;
    --text-light: #666;
    --text-muted: #999;
    
    /* Surface Colors */
    --white: #ffffff;
    --light-gray: #f8f9fa;
    --border: #e8e8e8;
    
    /* Shadow System */
    --shadow: rgba(26, 77, 58, 0.08);
    --shadow-hover: rgba(26, 77, 58, 0.16);
    
    /* Typography Scale */
    --font-size-sm: 14px;
    --font-size-base: 15px;
    --font-size-lg: 16px;
    --font-size-xl: 18px;
    --font-size-2xl: 20px;
    --font-size-3xl: 28px;
    --font-size-4xl: 36px;
    --font-size-5xl: 48px;
    
    /* Spacing Scale (8px grid) */
    --space-1: 8px;
    --space-2: 12px;
    --space-3: 16px;
    --space-4: 20px;
    --space-5: 24px;
    --space-6: 32px;
    --space-8: 40px;
    --space-10: 60px;
    --space-12: 80px;
    --space-16: 120px;
    
    /* Layout Breakpoints */
    --bp-mobile: 480px;
    --bp-tablet: 768px;
    --bp-desktop: 1024px;
    --bp-wide: 1400px;
    
    /* Z-index Scale */
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal: 1040;
    --z-tooltip: 1050;
}