/* Light Mode */
:root {
    /* Primary Colors */
    --primary-brand-color: #1e88e5;
    --primary-brand-hover: #1565c0;
    --secondary-brand-color: #bbdefb;
    --accent-color: #fdd835;

    /* Neutral Colors */
    --background-dark: #f0f2f5;
    --text-light: #333333;
    --text-muted: #666666;
    --icon-color: #555555;

    /* Glassmorphism/Transparency */
    --glass-background: rgba(255, 255, 255, 0.8);
    --glass-border: rgba(0, 0, 0, 0.1);
    --glass-shadow: rgba(0, 0, 0, 0.1);
    --glass-item-background: rgba(255, 255, 255, 0.9);
    --glass-item-border: rgba(0, 0, 0, 0.08);
    --glass-item-hover: rgba(240, 240, 240, 0.9);
    --dark-glass-background: linear-gradient(145deg, rgba(255, 255, 255, 0.9), rgba(240, 240, 240, 0.8));
    --dark-glass-border: rgba(0, 0, 0, 0.1);

    /* Danger Colors */
    --danger-color: #e53935;
    --danger-hover: #c62828;

    /* Backgrounds */
    --body-background: linear-gradient(145deg, #e0f2f7, #bbdefb, #90caf9, #64b5f6, #42a5f5);
    --connect-button-background: linear-gradient(135deg, #e3f2fd, #bbdefb);
    --connected-button-background: linear-gradient(135deg, #a5d6a7, #66bb6a);
    --connected-button-hover-background: linear-gradient(135deg, #81c784, #4caf50);
    --connecting-button-shadow: rgba(0, 0, 0, 0.2);
    --ip-ping-background: rgba(255, 255, 255, 0.6);
    --setting-background: linear-gradient(135deg, #f5f5f5, #e0e0e0);
    --menu-background: linear-gradient(145deg, rgba(255, 255, 255, 0.95), rgba(245, 245, 245, 0.95));
    --menu-item-background: linear-gradient(145deg, rgba(250, 250, 250, 0.8), rgba(240, 240, 240, 0.8));
    --menu-item-hover-background: linear-gradient(145deg, rgba(169, 145, 221, 0.9), rgba(141, 125, 125, 0.9));
    --log-background: rgba(255, 255, 255, 0.9);
    --log-item-background: rgba(0, 150, 136, 0.05);
    --log-text-color: #009688;
    --log-button-hover: #009688;
    --log-command-background: rgba(0, 150, 136, 0.05);
    --modal-background: #ffffff;
    --prompt-background: #f0f2f5;
    --prompt-content-background: #ffffff;
    --button-default-background: #e0e0e0;
    --dropdown-background: #ffffff;
    --dropdown-hover-background: rgba(30, 136, 229, 0.2);
    --select-background: #ffffff;
    --select-hover-background: #f5f5f5;
    --select-focus-background: #e0e0e0;
    --select-option-background: #ffffff;
    --select-option-hover-background: #f0f0f0;
    --switch-off-background: #bdbdbd;
    --switch-on-background: #64b5f6;
    --switch-thumb-off: linear-gradient(145deg, #757575, #424242);
    --switch-thumb-on: #fff;

    /* Shadows and Borders */
    --box-shadow-medium: 0px 4px 20px rgba(0, 0, 0, 0.08);
    --border-radius-default: 8px;
    --header-button-hover-color: var(--primary-brand-color);
    --connected-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 20px 50px rgba(0, 0, 0, 0.1);
    --connected-item-hover-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    --change-status-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    --change-status-hover-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    --change-status-connected-shadow: 0 0 25px rgba(76, 175, 80, 0.5);
    --server-select-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    --server-select-border-hover: rgba(0, 0, 0, 0.1);
    --server-flag-border: rgba(0, 0, 0, 0.1);
    --server-flag-hover-border: rgba(0, 0, 0, 0.2);
    --server-flag-hover-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    --server-mini-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    --server-mini-border: rgba(0, 0, 0, 0.08);
    --setting-shadow: -10px 0 30px rgba(0, 0, 0, 0.2);
    --setting-border-left: rgba(0, 0, 0, 0.05);
    --setting-heading-shadow: 0px 0px 8px rgba(100, 181, 246, 0.3);
    --setting-heading-line: var(--primary-brand-color);
    --setting-button-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    --setting-button-hover-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
    --content-image-border: #cccccc;
    --content-image-border-image: linear-gradient(45deg, #bbdefb, #81d4fa, #64b5f6) 1;
    --content-image-shadow: 0px 0px 30px 6px rgba(100, 181, 246, 0.3);
    --content-image-hover-shadow: 0px 0px 35px 7px rgba(100, 181, 246, 0.4);
    --content-image-background: rgba(255, 255, 255, 0.7);
    --log-background: rgba(255, 255, 255, 0.9);
    --log-item-background: rgba(0, 150, 136, 0.05);
    --log-text-color: #009688;
    --log-button-hover: #009688;
    --log-command-background: rgba(0, 150, 136, 0.05);
    --log-command-border: #009688;
    --log-command-shadow: 0 0 12px rgba(0, 150, 136, 0.2);
    --message-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
    --prompt-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    --button-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    --select-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    --select-hover-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
    --select-focus-shadow: 0 0 5px 2px var(--primary-brand-color);
    --dropdown-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
    --input-border: #ccc;
    --switch-border: rgba(0, 0, 0, 0.1);
    --switch-thumb-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    --switch-checked-shadow: 0 0 10px rgba(100, 181, 246, 0.4);

    /* Spacing */
    --default-padding: 20px;
}