/* === ShawuTool 主题变量 === */
/* 浅色模式 (默认) */
[data-theme="light"] {
    --bg-gradient-start: #e3f2fd;
    --bg-gradient-mid1: #bbdefb;
    --bg-gradient-mid2: #90caf9;
    --bg-gradient-mid3: #64b5f6;
    --bg-gradient-mid4: #42a5f5;
    --bg-gradient-end: #2196f3;

    --card-bg: rgba(255, 255, 255, 0.9);
    --card-bg-hover: rgba(255, 255, 255, 0.95);
    --card-border: rgba(255, 255, 255, 0.3);
    --card-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    --card-shadow-hover: 0 6px 12px rgba(0, 0, 0, 0.15);

    --header-bg: rgba(255, 255, 255, 0.6);
    --header-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);

    --text-primary: #333;
    --text-secondary: #555;
    --text-muted: #888;
    --text-inverse: #fff;

    --accent-primary: #2196f3;
    --accent-primary-hover: #1976d2;
    --accent-success: #4caf50;
    --accent-danger: #f44336;
    --accent-warning: #ff9800;
    --accent-gold: #FFD700;

    --input-bg: #fff;
    --input-border: #ddd;
    --input-focus-border: #2196f3;
    --input-disabled-bg: #f5f5f5;
    --input-text: #333;

    --nav-bg: rgba(255, 255, 255, 0.3);
    --nav-item-bg: rgba(255, 255, 255, 0.6);
    --nav-item-hover-bg: rgba(255, 255, 255, 0.8);
    --nav-item-active-bg: #2196f3;
    --nav-item-active-text: #fff;

    --table-header-bg: #2196f3;
    --table-header-text: #fff;
    --table-row-hover: #f5f5f5;
    --table-border: #e0e0e0;

    --badge-bg: rgba(255, 255, 255, 0.8);

    --bubble-color: rgba(255, 255, 255, 0.5);

    --footer-bg: rgba(255, 255, 255, 0.8);
    --footer-text: #666;

    --modal-overlay: rgba(0, 0, 0, 0.5);
    --modal-bg: #fff;

    --toast-success-bg: #4caf50;
    --toast-error-bg: #f44336;
    --toast-info-bg: #2196f3;
}

/* 深色模式 */
[data-theme="dark"] {
    --bg-gradient-start: #0d2137;
    --bg-gradient-mid1: #122d4a;
    --bg-gradient-mid2: #163758;
    --bg-gradient-mid3: #1a4166;
    --bg-gradient-mid4: #1e4b75;
    --bg-gradient-end: #1a3a5c;

    --card-bg: rgba(20, 40, 65, 0.85);
    --card-bg-hover: rgba(25, 50, 80, 0.9);
    --card-border: rgba(255, 255, 255, 0.1);
    --card-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    --card-shadow-hover: 0 6px 20px rgba(0, 0, 0, 0.4);

    --header-bg: rgba(15, 30, 50, 0.8);
    --header-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);

    --text-primary: #e0e0e0;
    --text-secondary: #b0b0b0;
    --text-muted: #777;
    --text-inverse: #fff;

    --accent-primary: #42a5f5;
    --accent-primary-hover: #64b5f6;
    --accent-success: #66bb6a;
    --accent-danger: #ef5350;
    --accent-warning: #ffa726;
    --accent-gold: #FFD700;

    --input-bg: rgba(30, 55, 85, 0.8);
    --input-border: rgba(255, 255, 255, 0.15);
    --input-focus-border: #42a5f5;
    --input-disabled-bg: rgba(20, 40, 60, 0.6);
    --input-text: #e0e0e0;

    --nav-bg: rgba(255, 255, 255, 0.05);
    --nav-item-bg: rgba(255, 255, 255, 0.08);
    --nav-item-hover-bg: rgba(255, 255, 255, 0.12);
    --nav-item-active-bg: #42a5f5;
    --nav-item-active-text: #fff;

    --table-header-bg: #1a4a75;
    --table-header-text: #e0e0e0;
    --table-row-hover: rgba(255, 255, 255, 0.05);
    --table-border: rgba(255, 255, 255, 0.1);

    --badge-bg: rgba(255, 255, 255, 0.1);

    --bubble-color: rgba(255, 255, 255, 0.08);

    --footer-bg: rgba(15, 30, 50, 0.8);
    --footer-text: #888;

    --modal-overlay: rgba(0, 0, 0, 0.7);
    --modal-bg: #1a3050;

    --toast-success-bg: #388e3c;
    --toast-error-bg: #d32f2f;
    --toast-info-bg: #1976d2;
}