:root {
    --color-dark-background: #0e0e15;
    --color-light-text: #e0e0e0;
    --color-component-background: #14141e;
    --color-accent: #c5ff02;
    --color-accent-darker: #b8e600;
    --color-accent-gradient-start: #c5ff02;
    --color-accent-gradient-end: #6dd46f;
    --color-accent-gradient-hover-start: #6dd46f;
    --color-accent-gradient-hover-end: #5bc85a;
    --color-accent-subtle-bg: rgba(130, 237, 132, 0.1);
    --color-accent-subtle-border: rgba(130, 237, 132, 0.2);
    --color-accent-medium-bg: rgba(130, 237, 132, 0.3);
    --color-accent-strong-bg: rgba(130, 237, 132, 0.6);


    --color-dark-text: #0e0e15;
    --color-border-light: #404040;
    --color-border-medium: #495057;
    --color-border-dark: #2a2a3a;
    --color-border-very-dark: #1a1a2e;

    --color-text-muted: #adb5bd;
    --color-text-muted-dark: #6c757d;
    --color-text-light-accent: #f0f0f0;
    --color-white: #ffffff;

    --color-primary: #007bff;
    --color-primary-hover: #0056b3;
    --color-primary-subtle-bg: rgba(0, 123, 255, 0.1);
    --color-primary-medium-bg: rgba(0, 123, 255, 0.2);
    --color-primary-strong-bg: rgba(0, 123, 255, 0.25);


    --color-danger: #dc3545;
    --color-danger-hover: #c82333;
    --color-danger-border: #bd2130;
    --color-danger-text: #ff6b7a;
    --color-danger-subtle-bg: rgba(220, 53, 69, 0.1);
    --color-danger-medium-bg: rgba(220, 53, 69, 0.2);
    --color-danger-strong-bg: rgba(220, 53, 69, 0.3);
    --color-danger-gradient-start: #dc3545;
    --color-danger-gradient-end: #c82333;
    --color-danger-gradient-hover-start: #c82333;
    --color-danger-gradient-hover-end: #bd2130;


    --color-warning: #ffc107;
    --color-warning-hover: #e0a800;
    --color-warning-darker: #d39e00;
    --color-warning-subtle-bg: rgba(255, 193, 7, 0.1);
    --color-warning-strong-bg: rgba(255, 193, 7, 0.3);
    --color-warning-gradient-start: #ffc107;
    --color-warning-gradient-end: #e0a800;
    --color-warning-gradient-hover-start: #e0a800;
    --color-warning-gradient-hover-end: #d39e00;


    --color-info: #0dcaf0;
    --color-info-subtle-bg: rgba(13, 202, 240, 0.2);
    --color-info-strong-bg: rgba(13, 202, 240, 0.6);

    --color-success: #28a745;
    --color-success-alt: #20c997;
    --color-success-subtle-bg: rgba(40, 167, 69, 0.1);
    --color-success-strong-bg: rgba(40, 167, 69, 0.3);
    --color-success-gradient-start: #28a745;
    --color-success-gradient-end: #20c997;
    --color-success-gradient-hover-start: #20c997;
    --color-success-gradient-hover-end: #17a2b8;


    --color-secondary: #6c757d;
    --color-secondary-hover: #5a6268;
    --color-secondary-background: #404040;
    --color-secondary-background-hover: #505050;


    --color-switch-bg: #2c313a;
    --color-switch-slider-gradient-start: #c5ff02;
    --color-switch-slider-gradient-end: #6dd46f;
    --color-switch-shadow: rgba(130, 237, 132, 0.3);

    --color-scrollbar-track: rgba(44, 49, 58, 0.3);
    --color-scrollbar-thumb: rgba(130, 237, 132, 0.4);
    --color-scrollbar-thumb-hover: rgba(130, 237, 132, 0.6);
    
    --color-scrollbar-track-light: rgba(44, 49, 58, 0.2);
    --color-scrollbar-thumb-light: rgba(130, 237, 132, 0.3);
    --color-scrollbar-thumb-light-hover: rgba(130, 237, 132, 0.5);

    --color-glass-modal-bg: rgba(0, 0, 0, 0.3);
    --color-glass-modal-border: rgba(255, 255, 255, 0.15);
    --color-glass-modal-shadow: rgba(0, 0, 0, 0.4);
    --color-glass-modal-shadow-highlight: rgba(255, 255, 255, 0.05);
    --color-glass-modal-close-bg: rgba(255, 255, 255, 0.1);
    --color-glass-modal-close-bg-hover: rgba(255, 255, 255, 0.2);
    --color-glass-modal-close-icon: rgba(255, 255, 255, 0.7);
    --color-glass-modal-text: #ffffff;
    --color-glass-modal-label: rgba(255, 255, 255, 0.9);
    --color-glass-modal-input-bg: rgba(255, 255, 255, 0.1);
    --color-glass-modal-input-border: rgba(255, 255, 255, 0.2);
    --color-glass-modal-input-focus-bg: rgba(255, 255, 255, 0.15);
    --color-glass-modal-input-focus-border: rgba(130, 237, 132, 0.5);
    --color-glass-modal-input-focus-shadow: rgba(130, 237, 132, 0.25);
    --color-glass-modal-input-placeholder: rgba(255, 255, 255, 0.65);
    --color-glass-modal-input-color-bg: rgba(255, 255, 255, 0.1);
    --color-glass-modal-input-color-border: rgba(255, 255, 255, 0.2);
    --color-glass-modal-group-item-bg: rgba(255, 255, 255, 0.05);
    --color-glass-modal-group-item-border: rgba(255, 255, 255, 0.1);
    --color-glass-modal-group-item-hover-bg: rgba(255, 255, 255, 0.1);
    --color-glass-modal-group-item-hover-border: rgba(255, 255, 255, 0.2);
    --color-glass-modal-group-item-selected-bg: rgba(130, 237, 132, 0.15);
    --color-glass-modal-group-item-selected-border: rgba(130, 237, 132, 0.5);
    --color-glass-modal-group-item-selected-shadow: rgba(130, 237, 132, 0.2);
    --color-glass-modal-group-description: rgba(255, 255, 255, 0.7);
    --color-glass-modal-group-image-count: rgba(255, 255, 255, 0.5);
    --color-glass-modal-text-muted: rgba(255, 255, 255, 0.5);
    --color-glass-modal-text-muted-icon: rgba(255, 255, 255, 0.3);
    --color-glass-modal-invalid-border: rgba(220, 53, 69, 0.7);
    --color-glass-modal-invalid-shadow: rgba(220, 53, 69, 0.25);
    --color-glass-modal-invalid-feedback: #ff6b7a;

    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-family-monospace: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace;

    --hsl-text-primary: hsl(0 0% 98%);
    --hsl-text-secondary: hsl(0 0% 70%);
    --hsl-background-primary: hsl(240 10% 3.9%);
    --hsl-background-secondary: hsl(240 3.7% 15.9%);
    --hsl-border-primary: hsl(240 3.7% 15.9%);
    --hsl-text-muted: hsl(240 5% 64.9%);
}