/* ==========================================
   主題配置 - 簡約科技風 (Minimalist Tech)
   ========================================== */

:root {
    /* 核心色調 - Cyber/Tech */
    --primary-color: #00F0FF;  /* 螢光青 - 核心強調色 */
    --primary-hover: #00C8D6;
    --primary-dim: rgba(0, 240, 255, 0.1);
    
    --secondary-color: #7000FF; /* 數位紫 - 輔助色 */
    --accent-color: #FFFFFF;    /* 純白 - 高對比文字 */
    
    /* 狀態色 - 保持科技感的冷色調 */
    --success-color: #00FF9D;
    --warning-color: #FFD600;
    --danger-color: #FF2E2E;

    /* 背景體系 - 深色模式為主 */
    --bg-primary: #050505;      /* 極致黑 */
    --bg-secondary: #0A0A0A;    /* 次級黑 */
    --bg-tertiary: #141414;     /* 卡片底色 */
    --bg-glass: rgba(10, 10, 10, 0.7); /* 玻璃擬態 */

    /* 線條與邊框 */
    --border-color: #333333;
    --border-active: #00F0FF;
    --border-dim: rgba(255, 255, 255, 0.1);

    /* 文字系統 */
    --text-primary: #FFFFFF;
    --text-secondary: #888888;
    --text-muted: #555555;
    --font-mono: 'Consolas', 'Monaco', 'Courier New', monospace; /* 代碼字體 */

    /* 特效 */
    --glow-primary: 0 0 20px rgba(0, 240, 255, 0.3);
    --glow-text: 0 0 10px rgba(0, 240, 255, 0.5);
    --grid-pattern: linear-gradient(to right, #1a1a1a 1px, transparent 1px),
                    linear-gradient(to bottom, #1a1a1a 1px, transparent 1px);
    
    /* 全局設定 */
    --border-radius: 4px; /* 銳利圓角 */
}

/* 為了保持簡約，我們暫時不強調淺色模式，讓科技感統一為深色風格，
   但保留切換機制以防萬一，這裡讓淺色模式也偏向"實驗室"風格 */
[data-theme="light"] {
    --primary-color: #0066FF;
    --bg-primary: #F5F5F5;
    --bg-secondary: #FFFFFF;
    --text-primary: #111111;
    --text-secondary: #666666;
    --border-color: #DDDDDD;
    --grid-pattern: linear-gradient(to right, #E5E5E5 1px, transparent 1px),
                    linear-gradient(to bottom, #E5E5E5 1px, transparent 1px);
}