/* ============================================================
   電商官網（根路由 /）專屬配色主題
   目的：/ 定位為「電商概念」展示站（品牌：映通貨），色系必須明顯區別於
         直播收單版 /live-commerce（紫 #6C63FF + 珊瑚 #FF6B6B）。
   手法：在 style.css 之後載入，覆寫 :root 色票 + 少數硬編碼選擇器 +
         ecommerce.php 內嵌色（跨境 band / 圖表）另在 view 直接改。
   配色：翡翠綠 primary + 琥珀 amber accent。
   ============================================================ */
:root {
    --primary:        #0EA372;
    --primary-dark:   #087F56;
    --primary-light:  #34D399;
    --primary-bg:     #E7F8F1;

    --accent:         #F59E0B;
    --accent-hover:   #D97706;

    --gradient-hero:  linear-gradient(135deg, #06281F 0%, #0B4D3A 40%, #0EA372 100%);
    --gradient-cta:   linear-gradient(135deg, #F59E0B, #FBBF24);
    --gradient-card:  linear-gradient(135deg, #f0fdf9, #d1fae5);

    --bg-light:       #F3FBF8;
    --border-soft:    #D1FAE5;

    --shadow-sm:      0 2px 8px rgba(14, 163, 114, 0.08);
    --shadow-md:      0 8px 24px rgba(14, 163, 114, 0.12);
    --shadow-lg:      0 16px 48px rgba(14, 163, 114, 0.16);
    --shadow-xl:      0 24px 64px rgba(14, 163, 114, 0.20);
}

/* 硬編碼色覆寫（style.css 內寫死、非走 var 的，且 ecommerce 頁會出現的）*/
.nav-logo-accent { color: var(--accent); }                 /* 「通貨」accent */
.shape2 { background: var(--accent) !important; }           /* hero 背景裝飾球 */
.back-to-top { border-color: rgba(14, 99, 70, .25) !important; color: var(--primary) !important; }
.back-to-top:hover { background: var(--primary) !important; color: #fff !important; }

/* hero 圖表折線（ecommerce.php inline SVG 用 CSS 變數吃不到，view 已改為新色）*/