/*
#	Project: Supfile System - A powerful file management system
#   * Large file support, multi-file/multi-task processing
#   * Concurrent uploads, drag-and-drop functionality
#   * Easy to deploy and highly functional.
#
#	This is NOT a freeware, use is subject to license terms.
#
#	Website: http://www.phpdisk.com
#
#	Author: Along ( admin@phpdisk.com , phpdisk@outlook.com)
#
#	$Id$
#
#	Copyright (C) 2008-2083 PHPDisk Team. All Rights Reserved.
*/
/* ============================================
   主题颜色系统
   ============================================ */

/* 默认主题 - 紫色（Purple） */
:root {
    /* 主色调 */
    --primary-color: #667eea;
    --primary-dark: #5568d3;
    --primary-light: #764ba2;
    
    /* 渐变背景 */
    --gradient-start: #667eea;
    --gradient-end: #764ba2;
    
    /* 辅助颜色 */
    --success-color: #28a745;
    --success-dark: #218838;
    --danger-color: #dc3545;
    --danger-dark: #c82333;
    --warning-color: #ffc107;
    --warning-dark: #e0a800;
    --info-color: #17a2b8;
    
    /* 文本颜色 */
    --text-primary: #333;
    --text-secondary: #666;
    --text-light: #999;
    --text-white: #fff;
    
    /* 链接颜色 */
    --link-color: var(--primary-color);
    --link-hover-color: var(--primary-dark);
    
    /* 背景颜色 */
    --bg-primary: #fff;
    --bg-secondary: #f8f9ff;
    --bg-light: #f1f1f1;
    
    /* 边框颜色 */
    --border-color: #e0e0e0;
    --border-light: #ddd;
    /* RGB 变量用于 rgba() 函数 */
    --primary-color-rgb: 102, 126, 234;
    --primary-light-rgb: 118, 75, 162;
}

/* 蓝色主题（Blue） */
[data-theme="blue"] {
    --primary-color: #3498db;
    --primary-dark: #2980b9;
    --primary-light: #5dade2;
    --gradient-start: #3498db;
    --gradient-end: #21618c;
    --primary-color-rgb: 52, 152, 219;
    --primary-light-rgb: 93, 173, 226;
}

/* 绿色主题（Green） */
[data-theme="green"] {
    --primary-color: #2ecc71;
    --primary-dark: #27ae60;
    --primary-light: #58d68d;
    --gradient-start: #2ecc71;
    --gradient-end: #196f3d;
    --primary-color-rgb: 46, 204, 113;
    --primary-light-rgb: 88, 214, 141;
}

/* 橙色主题（Orange） */
[data-theme="orange"] {
    --primary-color: #f39c12;
    --primary-dark: #e67e22;
    --primary-light: #f7dc6f;
    --gradient-start: #f39c12;
    --gradient-end: #b9770e;
    --primary-color-rgb: 243, 156, 18;
    --primary-light-rgb: 247, 220, 111;
}

/* 红色主题（Red） */
[data-theme="red"] {
    --primary-color: #e74c3c;
    --primary-dark: #c0392b;
    --primary-light: #ec7063;
    --gradient-start: #e74c3c;
    --gradient-end: #922b21;
    --primary-color-rgb: 231, 76, 60;
    --primary-light-rgb: 236, 112, 99;
}

/* 青色主题（Cyan） */
[data-theme="cyan"] {
    --primary-color: #1abc9c;
    --primary-dark: #16a085;
    --primary-light: #48c9b0;
    --gradient-start: #1abc9c;
    --gradient-end: #0e6655;
    --primary-color-rgb: 26, 188, 156;
    --primary-light-rgb: 72, 201, 176;
}

/* 深色主题（Dark） */
[data-theme="dark"] {
    --primary-color: #5dade2;
    --primary-dark: #3498db;
    --primary-light: #85c1e9;
    --gradient-start: #5dade2;
    --gradient-end: #34495e;
    --text-primary: #ffffff;
    --text-secondary: #e0e0e0;
    --text-light: #b0b0b0;
    --bg-primary: #2c3e50;
    --bg-secondary: #34495e;
    --bg-light: #3d4f63;
    --bg-hover: #3d4f63;
    --border-color: #4a5f7a;
    --border-light: #5d6d7e;
    --primary-color-rgb: 93, 173, 226;
    --primary-light-rgb: 133, 193, 233;
    /* 深色主题下的链接颜色 - 使用更亮的蓝色以确保可见性 */
    --link-color: #5dade2;
    --link-hover-color: #85c1e9;
}

/* 粉色主题（Pink） */
[data-theme="pink"] {
    --primary-color: #e91e63;
    --primary-dark: #c2185b;
    --primary-light: #f06292;
    --gradient-start: #e91e63;
    --gradient-end: #880e4f;
    --primary-color-rgb: 233, 30, 99;
    --primary-light-rgb: 240, 98, 146;
}