:root{--bg-color:#f9f7f4;--bg-primary:#fcfaf6;--bg-secondary:#f5f0e8;--text-main:#111111;--text-sub:#666666;--primary-color:#e06b26;--primary:#e06b26;--point:#C4A882;--accent:#EDD9C0;--border:#e5e5e5;--card-bg:#ffffff;--shadow:0 2px 8px rgba(0,0,0,0.06);--active-border:#f1c40f;--active-bg:#fffdf5;--icon-bg:#fdf5e6;--focus-ring:0 0 0 3px rgba(224,107,38,0.25);--el-wood:#5E8C3A;--el-fire:#D85A30;--el-earth:#BA7517;--el-metal:#8E8E93;--el-water:#378ADD;--font-serif:"Noto Serif KR",serif;--font-sans:"Pretendard","Noto Sans KR",sans-serif;--text-xs:0.75rem;--text-sm:0.8125rem;--text-base:0.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.25rem;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:1.75;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:56px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,0.04);--shadow-md:0 2px 8px rgba(0,0,0,0.06);--shadow-lg:0 4px 16px rgba(0,0,0,0.08);--shadow-xl:0 8px 24px rgba(0,0,0,0.1);--shadow-elevated:0 10px 30px rgba(0,0,0,0.12);--transition-fast:0.15s ease;--transition-base:0.2s ease;--transition-slow:0.3s ease}