/**
 * 🌿 BesserGrowen Comment Engine V6 - Core Styles
 * Modern glassmorphism design with cannabis theme
 * Author: GitHub Copilot + bessergrowen
 * Version: 6.0.0
 * Date: 2025-09-20
 */

/* ===== CSS VARIABLES ===== */
:root {
    /* Modern, Minimalist Color Palette */
    --ce-primary: #007aff; /* iOS Blue */
    --ce-primary-light: #5856d6; /* iOS Indigo */
    --ce-primary-dark: #005ecb;
    --ce-accent: #34c759; /* iOS Green */
    --ce-accent-light: #aed581;
    --ce-secondary: #ff3b30; /* iOS Red */
    
    /* Refined Glassmorphism */
    --ce-glass-bg: rgba(242, 242, 247, 0.8); /* Light Mode Translucent BG */
    --ce-glass-border: rgba(0, 0, 0, 0.1);
    --ce-glass-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    --ce-backdrop-blur: blur(18px) saturate(180%);
    
    /* Text Colors */
    --ce-text-primary: #1d1d1f; /* Near Black */
    --ce-text-secondary: #6e6e73; /* Gray */
    --ce-text-light: #ffffff;
    --ce-text-muted: #aeaeb2;
    
    /* Gradients */
    --ce-gradient-primary: linear-gradient(135deg, var(--ce-primary) 0%, var(--ce-primary-light) 100%);
    --ce-gradient-glass: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.05) 100%);
    
    /* Spacing */
    --ce-space-xs: 4px;
    --ce-space-sm: 8px;
    --ce-space-md: 16px;
    --ce-space-lg: 24px;
    --ce-space-xl: 32px;
    --ce-reply-indent: clamp(4px, 1.5vw, 8px); /* Reduced indentation */
    --ce-reply-indent-nested: clamp(2px, 1vw, 6px); /* Reduced nested indentation */
    --ce-thread-line-color: rgba(0, 0, 0, 0.08);
    
    /* Border Radius */
    --ce-radius-sm: 8px;
    --ce-radius-md: 16px;
    --ce-radius-lg: 20px;
    --ce-radius-xl: 24px;
    
    /* Transitions */
    --ce-transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    --ce-transition-fast: all 0.2s ease;
}