/**
 * Cp2 Theme
 * Pfad: /css/themes/cp2.css
 * Version: 1.0.0
 * Generiert: 13.11.2025
 */

:root {
    --bg-dark: #0a0014;
    --bg-card: #1a0028;
    --bg-hover: #22272e;
    --bg-overlay: rgba(0, 0, 0, 0.8);
    --primary-color: #ff00ff;
    --primary-hover: #0b5ed7;
    --primary-dark: #0a58ca;
    --primary-light: #4d94ff;
    --secondary-color: #8a2be2;
    --secondary-hover: #5c636a;
    --accent-color: #00ffff;
    --accent-hover: #00e67a;
    --success-color: #14b314;
    --success-light: #48c463;
    --warning-color: #ffff00;
    --warning-light: #ffcd39;
    --danger-color: #ff0066;
    --danger-light: #e4606d;
    --info-color: #17a2b8;
    --text-primary: #e6edf3;
    --text-secondary: #6c7a88;
    --text-muted: #484f58;
    --border-color: #2d3541;
    --border-hover: #373e47;
    --border-focus: #0d6efd;
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.2);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.4);
    --font-primary: 'Inter', sans-serif;
    --font-secondary: 'Poppins', sans-serif;
    --font-display: 'Orbitron', monospace;
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-base: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.25rem;
    --font-size-2xl: 1.5rem;
    --font-size-3xl: 1.875rem;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --line-height-tight: 1.2;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;
    --letter-spacing-tight: -0.05em;
    --letter-spacing-normal: 0;
    --letter-spacing-wide: 0.05em;
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --radius-xs: 4px;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    --radius-full: 50%;
    --border-width: 1px;
    --border-width-thick: 2px;
    --transition-fast: 0.15s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;
    --pattern-opacity: 0.03;
    --icon-opacity-light: 0.05;
    --icon-opacity-medium: 0.1;
    --icon-opacity-heavy: 0.15;
    --bg-gradient: linear-gradient(135deg, #0a0e27 0%, #1a1e24 100%);
    --pattern-color-primary: rgba(13, 110, 253, 0.1);
    --pattern-color-secondary: rgba(138, 43, 226, 0.08);
    --pattern-size: 60px;
    --pattern-size-large: 120px;
    --icon-size-sm: 1.5rem;
    --icon-size-md: 2rem;
    --icon-size-lg: 4rem;
    --icon-size-xl: 5rem;
    --anim-duration-fast: 2s;
    --anim-duration-normal: 5s;
    --anim-duration-slow: 10s;
    --anim-duration-ultra: 20s;
    --border-neon: rgba(0, 255, 255, 0.3);
    --text-disabled: #3a3f47;
    --text-inverse: #ffffff;
    --secondary-dark: #6a1eb8;
    --secondary-light: #a54dff;
    --accent-dark: #00cc6a;
    --accent-light: #33ffa0;
    --success-hover: #218838;
    --success-dark: #1e7e34;
    --warning-hover: #e0a800;
    --warning-dark: #d39e00;
    --danger-hover: #c82333;
    --danger-dark: #bd2130;
    --info-hover: #1aa179;
    --info-dark: #117a8b;
    --info-light: #3fc1d4;
    --neon-cyan: #00ffff;
    --neon-magenta: #ff00ff;
    --neon-yellow: #ffff00;
    --neon-green: #00ff00;
    --neon-orange: #ff6600;
    --neon-purple: #9d00ff;
    --shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.6);
    --shadow-inset: inset 0 2px 4px rgba(0, 0, 0, 0.3);
    --glow-primary: 0 0 20px rgba(40, 167, 69, 0.5);
    --glow-secondary: 0 0 20px rgba(138, 43, 226, 0.4);
    --glow-accent: 0 0 20px rgba(125, 255, 125, 0.5);
    --glow-success: 0 0 20px rgba(40, 167, 69, 0.5);
    --glow-warning: 0 0 20px rgba(255, 193, 7, 0.4);
    --glow-danger: 0 0 20px rgba(220, 53, 69, 0.5);
    --glow-info: 0 0 20px rgba(23, 162, 184, 0.5);
    --transition-all: all 0.3s ease;
    --radius-2xl: 24px;
    --radius-pill: 50rem;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;
    --form-bg: var(--bg-card);
    --form-border: var(--border-color);
    --form-border-focus: var(--primary-color);
    --form-text: var(--text-primary);
    --form-placeholder: var(--text-muted);
    --form-label: var(--text-secondary);
    --form-disabled-bg: var(--bg-hover);
    --form-disabled-text: var(--text-disabled);
    --form-height: 44px;
    --form-height-sm: 36px;
    --form-height-lg: 52px;
    --btn-primary-bg: var(--primary-color);
    --btn-primary-text: #ffffff;
    --btn-primary-hover: var(--primary-hover);
    --btn-primary-border: var(--primary-color);
    --btn-secondary-bg: var(--secondary-color);
    --btn-secondary-text: #ffffff;
    --btn-secondary-hover: var(--secondary-hover);
    --btn-secondary-border: var(--secondary-color);
    --btn-success-bg: var(--success-color);
    --btn-success-text: #ffffff;
    --btn-success-hover: var(--success-hover);
    --btn-success-border: var(--success-color);
    --btn-danger-bg: var(--danger-color);
    --btn-danger-text: #ffffff;
    --btn-danger-hover: var(--danger-hover);
    --btn-danger-border: var(--danger-color);
    --btn-warning-bg: var(--warning-color);
    --btn-warning-text: #000000;
    --btn-warning-hover: var(--warning-hover);
    --btn-warning-border: var(--warning-color);
    --btn-info-bg: var(--info-color);
    --btn-info-text: #ffffff;
    --btn-info-hover: var(--info-hover);
    --btn-info-border: var(--info-color);
    --btn-outline-bg: transparent;
    --btn-outline-text: var(--text-primary);
    --btn-outline-border: var(--border-color);
    --btn-outline-hover-bg: var(--bg-hover);
    --btn-disabled-bg: var(--bg-hover);
    --btn-disabled-text: var(--text-disabled);
    --btn-disabled-border: var(--border-color);
    --btn-height: 44px;
    --btn-height-sm: 36px;
    --btn-height-lg: 52px;
    --btn-padding: 12px 24px;
    --btn-padding-sm: 8px 16px;
    --btn-padding-lg: 16px 32px;
    --card-bg: var(--bg-card);
    --card-border: var(--border-color);
    --card-shadow: var(--shadow-md);
    --card-hover-shadow: var(--shadow-lg);
    --card-hover-border: var(--border-hover);
    --card-header-bg: rgba(13, 110, 253, 0.05);
    --card-footer-bg: rgba(0, 0, 0, 0.3);
    --card-padding: var(--spacing-lg);
    --card-padding-sm: var(--spacing-md);
    --header-bg: var(--bg-dark);
    --header-border: var(--border-color);
    --header-height: 60px;
    --header-height-mobile: 56px;
    --header-shadow: var(--shadow-md);
    --nav-bg: var(--bg-card);
    --nav-link-color: var(--text-secondary);
    --nav-link-hover: var(--text-primary);
    --nav-link-active: var(--primary-color);
    --nav-link-active-bg: rgba(13, 110, 253, 0.1);
    --footer-bg: linear-gradient(180deg, rgba(10, 14, 39, 0.95) 0%, rgba(26, 30, 36, 0.98) 100%);
    --footer-border: var(--border-color);
    --footer-text: var(--text-secondary);
    --footer-link: var(--text-secondary);
    --footer-link-hover: var(--primary-color);
    --modal-bg: var(--bg-card);
    --modal-overlay: rgba(10, 14, 39, 0.85);
    --modal-border: var(--border-color);
    --modal-shadow: var(--shadow-xl);
    --modal-header-bg: var(--bg-dark);
    --modal-footer-bg: var(--bg-dark);
    --alert-success-bg: rgba(40, 167, 69, 0.1);
    --alert-success-border: var(--success-color);
    --alert-success-text: var(--success-light);
    --alert-warning-bg: rgba(255, 193, 7, 0.1);
    --alert-warning-border: var(--warning-color);
    --alert-warning-text: var(--warning-light);
    --alert-danger-bg: rgba(220, 53, 69, 0.1);
    --alert-danger-border: var(--danger-color);
    --alert-danger-text: var(--danger-light);
    --alert-info-bg: rgba(23, 162, 184, 0.1);
    --alert-info-border: var(--info-color);
    --alert-info-text: var(--info-light);
    --table-bg: var(--bg-card);
    --table-border: var(--border-color);
    --table-header-bg: var(--bg-dark);
    --table-header-text: var(--text-primary);
    --table-row-hover: var(--bg-hover);
    --table-row-striped: rgba(13, 110, 253, 0.03);
    --badge-primary-bg: var(--primary-color);
    --badge-primary-text: #ffffff;
    --badge-secondary-bg: var(--secondary-color);
    --badge-secondary-text: #ffffff;
    --badge-success-bg: var(--success-color);
    --badge-success-text: #ffffff;
    --badge-danger-bg: var(--danger-color);
    --badge-danger-text: #ffffff;
    --badge-warning-bg: var(--warning-color);
    --badge-warning-text: #000000;
    --badge-info-bg: var(--info-color);
    --badge-info-text: #ffffff;
    --progress-bg: var(--bg-hover);
    --progress-bar-bg: var(--primary-color);
    --progress-height: 8px;
    --progress-height-sm: 4px;
    --progress-height-lg: 12px;
    --tooltip-bg: var(--bg-dark);
    --tooltip-text: var(--text-primary);
    --tooltip-border: var(--border-color);
    --tooltip-shadow: var(--shadow-lg);
    --dropdown-bg: var(--bg-card);
    --dropdown-border: var(--border-color);
    --dropdown-shadow: var(--shadow-lg);
    --dropdown-link-hover: var(--bg-hover);
    --dropdown-divider: var(--border-color);
    --pagination-bg: var(--bg-card);
    --pagination-border: var(--border-color);
    --pagination-hover: var(--bg-hover);
    --pagination-active-bg: var(--primary-color);
    --pagination-active-text: #ffffff;
    --pagination-disabled-bg: var(--bg-dark);
    --pagination-disabled-text: var(--text-disabled);
    --tab-bg: var(--bg-card);
    --tab-border: var(--border-color);
    --tab-hover: var(--bg-hover);
    --tab-active-bg: var(--primary-color);
    --tab-active-text: #ffffff;
    --tab-content-bg: var(--bg-card);
    --accordion-bg: var(--bg-card);
    --accordion-border: var(--border-color);
    --accordion-header-bg: var(--bg-dark);
    --accordion-header-hover: var(--bg-hover);
    --accordion-body-bg: var(--bg-card);
    --spinner-primary: var(--primary-color);
    --spinner-secondary: var(--secondary-color);
    --spinner-bg: rgba(13, 110, 253, 0.1);
    --scrollbar-width: 12px;
    --scrollbar-track: var(--bg-dark);
    --scrollbar-thumb: var(--border-color);
    --scrollbar-thumb-hover: var(--primary-color);
    --skeleton-bg: var(--bg-card);
    --skeleton-shine: linear-gradient(90deg, transparent, rgba(13, 110, 253, 0.1), transparent);
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    --theme-bg: linear-gradient(135deg, #1a0a2e 0%, #2d1b4e 100%);
    --theme-primary: #9c27b0;
    --theme-secondary: #673ab7;
    --theme-glow: rgba(156, 39, 176, 0.3);
    --theme-border: rgba(156, 39, 176, 0.3);
    --theme-text: #ffffff;
    --forest-green: #228b22;
    --moss-green: #8fbc8f;
    --leaf-green: #90ee90;
    --earth-brown: #8b7355;
}