/* ===== UNIFIED DARK THEME VARIABLES - ENHANCED HARMONIOUS VERSION ===== */

:root,
[data-bs-theme=light] {
	/* ===== CORE COLORS - BOOTSTRAP COMPATIBLE ===== */
	--bs-blue: #68b5ff;
	--bs-indigo: #6610f2;
	--bs-purple: #6f42c1;
	--bs-pink: #d63384;
	--bs-red: #f44336;
	--bs-orange: #fd7e14;
	--bs-yellow: #ff9800;
	--bs-green: #4caf50;
	--bs-teal: #20c997;
	--bs-cyan: #0dcaf0;
	--bs-black: #0f0f0f;
	--bs-white: #e8e8e8;
	--bs-gray: #6c757d;
	--bs-gray-dark: #343a40;
	
	/* ===== GRAY SCALE - HARMONIZÁLT DARK THEME ===== */
	--bs-gray-100: #1a1a1a;  /* Harmonikusabb sötét */
	--bs-gray-200: #242424;  /* Card háttér */
	--bs-gray-300: #2d2d30;  /* Navbar és Card header */
	--bs-gray-400: #3a3a3e;  /* Border színek */
	--bs-gray-500: #4a4a4e;  /* Középtónus */
	--bs-gray-600: #6c757d;
	--bs-gray-700: #888888;
	--bs-gray-800: #c8c8c8;
	--bs-gray-900: #e8e8e8;
	
	/* ===== BOOTSTRAP SEMANTIC COLORS ===== */
	--bs-primary: #68b5ff;
	--bs-secondary: #9e9e9e;  /* Harmonikusabb szürke */
	--bs-success: #4caf50;
	--bs-info: #2196f3;
	--bs-warning: #ff9800;
	--bs-danger: #f44336;
	--bs-light: #1a1a1a;     /* Harmonikus világos */
	--bs-dark: #e8e8e8;
	
	/* ===== MISSING BASIC VARIABLES ===== */
	--bs-body-text-align: start;
	--bs-breadcrumb-font-size: var(--bs-font-size-base);
	--bs-btn-active-bg: var(--bs-primary);
	--bs-btn-active-border-color: var(--bs-primary);
	--bs-btn-active-color: #fff;
	--bs-btn-disabled-bg: var(--bs-secondary);
	--bs-btn-disabled-border-color: var(--bs-secondary);
	--bs-btn-disabled-color: #fff;
	--bs-btn-hover-bg: var(--bs-primary);
	--bs-btn-hover-color: #fff;
	--bs-nav-link-font-size: var(--bs-font-size-base);
	
	/* ===== RGB VALUES FOR TRANSPARENCY ===== */
	--bs-primary-rgb: 104, 181, 255;
	--bs-secondary-rgb: 158, 158, 158;
	--bs-success-rgb: 76, 175, 80;
	--bs-info-rgb: 33, 150, 243;
	--bs-warning-rgb: 255, 152, 0;
	--bs-danger-rgb: 244, 67, 54;
	--bs-light-rgb: 26, 26, 26;
	--bs-dark-rgb: 232, 232, 232;
	--bs-white-rgb: 232, 232, 232;
	--bs-black-rgb: 15, 15, 15;
	
	/* ===== TEXT EMPHASIS COLORS ===== */
	--bs-primary-text-emphasis: #90caf9;
	--bs-secondary-text-emphasis: #c8c8c8;
	--bs-success-text-emphasis: #81c784;
	--bs-info-text-emphasis: #81d4fa;
	--bs-warning-text-emphasis: #ffb74d;
	--bs-danger-text-emphasis: #ff8a80;
	--bs-light-text-emphasis: #cbcbce;
	--bs-dark-text-emphasis: #e8e8e8;
	
	/* ===== BACKGROUND SUBTLE COLORS ===== */
	--bs-primary-bg-subtle: rgba(104, 181, 255, 0.08);
	--bs-secondary-bg-subtle: rgba(158, 158, 158, 0.08);
	--bs-success-bg-subtle: rgba(76, 175, 80, 0.08);
	--bs-info-bg-subtle: rgba(33, 150, 243, 0.08);
	--bs-warning-bg-subtle: rgba(255, 152, 0, 0.08);
	--bs-danger-bg-subtle: rgba(244, 67, 54, 0.08);
	--bs-light-bg-subtle: #161616;
	--bs-dark-bg-subtle: #242424;
	
	/* ===== BORDER SUBTLE COLORS ===== */
	--bs-primary-border-subtle: rgba(104, 181, 255, 0.2);
	--bs-secondary-border-subtle: rgba(158, 158, 158, 0.2);
	--bs-success-border-subtle: rgba(76, 175, 80, 0.2);
	--bs-info-border-subtle: rgba(33, 150, 243, 0.2);
	--bs-warning-border-subtle: rgba(255, 152, 0, 0.2);
	--bs-danger-border-subtle: rgba(244, 67, 54, 0.2);
	--bs-light-border-subtle: #2d2d30;
	--bs-dark-border-subtle: #3a3a3e;
	
	/* ===== CUSTOM THEME VARIABLES - HARMONIZÁLT ===== */
	/* Logo */
	--bg-logo-url: url(logo_black.png);
	
	/* Primary Colors */
	--color-primary: var(--bs-primary);
	--color-primary-light: #90caf9;
	--color-primary-dark: #42a5f5;
	--color-secondary: var(--bs-secondary);
	--color-accent: var(--bs-primary);
	--color-success: var(--bs-success);
	--color-warning: var(--bs-warning);
	--color-danger: var(--bs-danger);
	--color-info: var(--bs-info);
	
	/* Background Colors - HARMONIZÁLT */
	--bg-primary: var(--bs-black);          /* Fő háttér */
	--bg-secondary: #1a1a1a;                /* Másodlagos háttér */
	--bg-tertiary: #2a2a2e;                 /* Card háttér - javított */
	--bg-accent: var(--bs-gray-300);        /* Accent elemek */
	--bg-chat: #1a1a1a;                     /* Chat háttér */
	--bg-messages: #1a1a1a;                 /* Üzenet háttér */
	--bg-modal: #1a1a1a;                    /* Modal háttér */
	--bg-card: var(--bs-gray-200);          /* Card alap */
	--bg-card-header: #2a2a2e;              /* Card header - egyedi szín */
	--bg-navbar: #252529;                   /* Navbar - egyedi szín */
	--bg-form: var(--bs-gray-200);          /* Form háttér */
	--bg-highlight: #323236;                /* Kiemelés */
	
	/* Text Colors */
	--text-primary: var(--bs-white);
	--text-secondary: #c8c8c8;              /* Harmonikusabb */
	--text-muted: #cbcbce;                  /* Harmonikusabb */
	--text-accent: var(--bs-primary);
	--text-inverse: #ffffff;
	--text-dim: var(--bs-gray-600);
	--text-success: var(--bs-success-text-emphasis);
	--text-warning: var(--bs-warning-text-emphasis);
	--text-danger: var(--bs-danger-text-emphasis);
	--text-info: var(--bs-info-text-emphasis);
	
	/* Border Colors - HARMONIZÁLT */
	--border-primary: var(--bs-gray-400);     /* Alapborder */
	--border-secondary: var(--bs-gray-500);   /* Másodlagos border */
	--border-accent: var(--bs-gray-600);      /* Accent border */
	--border-chat: var(--bs-gray-400);
	--border-message: var(--bs-gray-500);
	--border-navbar: rgba(158, 158, 158, 0.15); /* Navbar border */
	--border-card: rgba(158, 158, 158, 0.12);   /* Card border */
	--border-focus: var(--bs-primary);
	--border-success: var(--bs-success);
	--border-warning: var(--bs-warning);
	--border-danger: var(--bs-danger);
	--border-info: var(--bs-info);
	
	/* Interactive States - HARMONIZÁLT */
	--hover-bg: #2e2e32;                     /* Hover háttér */
	--hover-bg-secondary: #383840;           /* Másodlagos hover */
	--hover-navbar: #2a2a2e;                 /* Navbar hover - érezhetőbb */
	--hover-card: #2a2a2a;                   /* Card hover */
	--hover-card-header: #323238;            /* Card header hover - új */
	--hover-nav-link: #343439;               /* Nav-link hover - intenzívebb */
	--hover-dropdown: #363640;               /* Dropdown hover - intenzívebb */
	--active-bg: #404044;
	--focus-color: var(--bs-primary);
	--focus-shadow: rgba(104, 181, 255, 0.35);
	--focus-shadow-strong: rgba(104, 181, 255, 0.5);
	
	/* ===== BOOTSTRAP INTEGRATION ===== */
	/* Font System */
	--bs-font-sans-serif: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	--bs-font-monospace: 'Courier New', monospace;
	--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
	
	/* Body Styling */
	--bs-body-font-family: var(--bs-font-sans-serif);
	--bs-body-font-size: 1rem;
	--bs-body-font-weight: 400;
	--bs-body-line-height: 1.6;
	--bs-body-color: var(--text-primary);
	--bs-body-color-rgb: 232, 232, 232;
	--bs-body-bg: var(--bg-primary);
	--bs-body-bg-rgb: 15, 15, 15;
	
	/* Emphasis Colors */
	--bs-emphasis-color: var(--text-inverse);
	--bs-emphasis-color-rgb: 255, 255, 255;
	--bs-secondary-color: rgba(232, 232, 232, 0.75);
	--bs-secondary-color-rgb: 232, 232, 232;
	--bs-secondary-bg: var(--bg-secondary);
	--bs-secondary-bg-rgb: 26, 26, 26;
	--bs-tertiary-color: rgba(232, 232, 232, 0.5);
	--bs-tertiary-color-rgb: 232, 232, 232;
	--bs-tertiary-bg: var(--bg-tertiary);
	--bs-tertiary-bg-rgb: 42, 42, 46;
	
	 /* Link Colors */
	--bs-heading-color: inherit;
	--bs-link-color: #c9e0ff;
	--bs-link-color-rgb: 123, 179, 255;
	--bs-link-decoration: underline;
	--bs-link-hover-color: var(--color-primary-light);
	--bs-link-hover-color-rgb: 144, 202, 249;
	
	/* Code Colors */
	--bs-code-color: #e685b5;
	--bs-highlight-color: var(--text-primary);
	--bs-highlight-bg: var(--bs-warning-bg-subtle);
	
	/* Border System */
	--bs-border-width: 1px;
	--bs-border-style: solid;
	--bs-border-color: var(--border-primary);
	--bs-border-color-translucent: rgba(158, 158, 158, 0.15);
	--bs-border-radius: 0.375rem;
	--bs-border-radius-sm: 0.25rem;
	--bs-border-radius-lg: 0.5rem;
	--bs-border-radius-xl: 1rem;
	--bs-border-radius-xxl: 2rem;
	--bs-border-radius-2xl: var(--bs-border-radius-xxl);
	--bs-border-radius-pill: 50rem;
	
	/* Shadow System - HARMONIZÁLT */
	--bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.35);
	--bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.25);
	--bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.45);
	--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.35);
	
	/* Focus Ring */
	--bs-focus-ring-width: 0.25rem;
	--bs-focus-ring-opacity: 0.25;
	--bs-focus-ring-color: rgba(104, 181, 255, 0.25);
	
	/* Form Colors */
	--bs-form-valid-color: var(--bs-success);
	--bs-form-valid-border-color: var(--bs-success);
	--bs-form-invalid-color: var(--bs-danger);
	--bs-form-invalid-border-color: var(--bs-danger);
	
	/* ===== PRIVATE MESSAGES - HARMONIZÁLT ===== */
	--pm-bg-sent: #2a3a4a;
	--pm-bg-received: #1e2e3e;
	--pm-border-sent: #4a5a6a;
	--pm-border-received: #3a4a5a;
	--pm-text-sent: #e8f0f8;
	--pm-text-received: #d8e8f8;
	--pm-unread-accent: var(--bs-primary);
	--pm-online-status: var(--bs-success);
	--pm-offline-status: var(--text-dim);
	--pm-typing-color: var(--bs-primary);
	
	/* ===== REACTIONS - HARMONIZÁLT ===== */
	--reaction-bg: var(--bs-primary-bg-subtle);
	--reaction-border: var(--bs-primary-border-subtle);
	--reaction-hover: rgba(104, 181, 255, 0.15);
	--reaction-active: rgba(104, 181, 255, 0.2);
	--reaction-shadow: rgba(104, 181, 255, 0.3);
	
	/* ===== GRADIENTS - HARMONIZÁLT ===== */
	--gradient-primary: linear-gradient(135deg, var(--bs-primary) 0%, var(--color-primary-dark) 50%, #5ba3f7 100%);
	--gradient-primary-hover: linear-gradient(135deg, #1e3a52 0%, #2d4a6a 50%, #254158 100%);
	--gradient-secondary: linear-gradient(135deg, var(--bs-secondary) 0%, #757575 50%, #8a8a8a 100%);
	--gradient-secondary-hover: linear-gradient(135deg, #3a3a3a 0%, #4a4a4a 50%, #424242 100%);
	--gradient-success: linear-gradient(135deg, var(--bs-success) 0%, #388e3c 50%, #43a047 100%);
	--gradient-success-hover: linear-gradient(135deg, #1a3a2a 0%, #2d4a3d 50%, #234236 100%);
	--gradient-warning: linear-gradient(135deg, var(--bs-warning) 0%, #f57c00 50%, #ff8f00 100%);
	--gradient-warning-hover: linear-gradient(135deg, #5a3a1a 0%, #6a4a2d 50%, #624124 100%);
	--gradient-danger: linear-gradient(135deg, var(--bs-danger) 0%, #d32f2f 50%, #e53935 100%);
	--gradient-danger-hover: linear-gradient(135deg, #5a1a1a 0%, #6a2d2d 50%, #62262e 100%);
	--gradient-info: linear-gradient(135deg, var(--bs-info) 0%, #1976d2 50%, #1e88e5 100%);
	--gradient-info-hover: linear-gradient(135deg, #1e3a52 0%, #2d4a6a 50%, #254158 100%);
	
	--gradient-header: linear-gradient(135deg, var(--bg-navbar) 0%, #2a2a2e 25%, var(--bg-navbar) 100%);
	--gradient-header-hover: linear-gradient(135deg, var(--hover-navbar) 0%, #323238 25%, var(--hover-navbar) 100%);
	--gradient-card-header: linear-gradient(135deg, var(--bg-card-header) 0%, #323238 25%, var(--bg-card-header) 100%);
	--gradient-card-header-hover: linear-gradient(135deg, var(--hover-card-header) 0%, #383840 25%, var(--hover-card-header) 100%);
	--gradient-accent: linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 50%, var(--color-primary-dark) 100%);
	--gradient-pm-sent: linear-gradient(135deg, var(--pm-bg-sent) 0%, #344454 50%, var(--pm-bg-sent) 100%);
	--gradient-pm-received: linear-gradient(135deg, var(--pm-bg-received) 0%, #283848 50%, var(--pm-bg-received) 100%);
	--gradient-body: linear-gradient(135deg, #1c1c1c 0%, #1a1a1a 50%, #181818 100%);
	--gradient-card: linear-gradient(135deg, var(--bg-card) 0%, #202024 50%, var(--bg-card) 100%);
	--gradient-navbar: linear-gradient(135deg, var(--bg-navbar) 0%, #2a2a2e 50%, var(--bg-navbar) 100%);
	
	/* ===== SHADOW SYSTEM - TOVÁBBFEJLESZTETT ===== */
	--shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.2);
	--shadow-sm: var(--bs-box-shadow-sm);
	--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.35);
	--shadow-lg: var(--bs-box-shadow-lg);
	--shadow-xl: 0 8px 25px rgba(0, 0, 0, 0.55);
	--shadow-hover: 0 4px 12px rgba(0, 0, 0, 0.4);
	--shadow-focus: 0 0 0 0.2rem var(--focus-shadow);
	--shadow-focus-strong: 0 0 0 0.2rem var(--focus-shadow-strong);
	--shadow-navbar: 0 2px 4px rgba(0, 0, 0, 0.25);
	--shadow-card: 0 2px 8px rgba(0, 0, 0, 0.35);
	
	/* ===== TRANSITIONS - ERŐSEBB ===== */
	--transition-xs: 0.15s ease-out;
	--transition-sm: 0.25s ease-out;
	--transition-md: 0.35s ease-out;
	--transition-lg: 0.45s ease-out;
	--transition-xl: 0.6s ease-out;
	
	/* ===== Z-INDEX ===== */
	--z-dropdown: 1000;
	--z-sticky: 1020;
	--z-fixed: 1030;
	--z-modal-backdrop: 1040;
	--z-modal: 1050;
	--z-popover: 1060;
	--z-tooltip: 1070;
	--z-toast: 1080;
	
	/* ===== ALERT COLORS ===== */
	--alert-primary-bg: var(--bs-primary-bg-subtle);
	--alert-secondary-bg: var(--bs-secondary-bg-subtle);
	--alert-success-bg: var(--bs-success-bg-subtle);
	--alert-warning-bg: var(--bs-warning-bg-subtle);
	--alert-danger-bg: var(--bs-danger-bg-subtle);
	--alert-info-bg: var(--bs-info-bg-subtle);
	
	 /* ===== ALERT SIZES ===== */
	--bs-alert-bg: transparent;
	--bs-alert-padding-x: 1rem;
	--bs-alert-padding-y: 1rem;
	--bs-alert-margin-bottom: 0rem;
	--bs-alert-color: inherit;
	--bs-alert-border-color: transparent;
	--bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
	--bs-alert-border-radius: var(--bs-border-radius);
	--bs-alert-link-color: inherit;
	
	/* ===== SPACING SYSTEM ===== */
	--spacing-xs: 0.25rem;
	--spacing-sm: 0.5rem;
	--spacing-md: 0.75rem;
	--spacing-lg: 1rem;
	--spacing-xl: 1.25rem;
	--spacing-2xl: 1.5rem;
	--spacing-3xl: 2rem;
	--spacing-4xl: 2.5rem;
	--spacing-5xl: 3rem;
	
	/* ===== TYPOGRAPHY ===== */
	--font-family-primary: var(--bs-font-sans-serif);
	--font-family-mono: var(--bs-font-monospace);
	--font-size-xs: 0.8rem;
	--font-size-sm: 0.9rem;
	--font-size-md: 0.95rem;
	--font-size-lg: 1.1rem;
	--font-size-xl: 1.25rem;
	--font-size-2xl: 1.5rem;
	--font-size-3xl: 2rem;
	
	/* ===== DICE GAME SPECIFIC VARIABLES ===== */
	--dice-primary: var(--color-primary);
	--dice-secondary: var(--color-secondary);
	--dice-success: var(--color-success);
	--dice-warning: var(--color-warning);
	--dice-danger: var(--color-danger);
	--dice-info: var(--color-info);
	--dice-bg-card: var(--bg-card);
	--dice-bg-option: var(--bg-accent);
	--dice-bg-selected: var(--bg-highlight);
	--dice-text-primary: var(--text-primary);
	--dice-text-secondary: var(--text-secondary);
	--dice-text-muted: var(--text-muted);
	--dice-border-primary: var(--border-primary);
	--dice-border-secondary: var(--border-secondary);
	--dice-shadow-card: var(--shadow-card);
	--dice-shadow-hover: var(--shadow-hover);
	--dice-transition: var(--transition-md);
	
	/* Real-time feedback colors */
	--feedback-bg-info: var(--gradient-info);
	--feedback-bg-success: var(--gradient-success);
	--feedback-bg-warning: var(--gradient-warning);
	--feedback-bg-danger: var(--gradient-danger);
	
	/* Game mode specific colors */
	--mode-classic-bg: var(--gradient-primary);
	--mode-dupla-bg: var(--gradient-secondary);
	--mode-hardcore-bg: var(--gradient-danger);
	--mode-memory-bg: var(--gradient-info);
	--mode-exact-bg: var(--gradient-warning);
	--mode-ladder-bg: var(--gradient-success);
	--mode-jackpot-bg: linear-gradient(135deg, #ffd54f 0%, #ffeb3b 50%, #fbc02d 100%);
	--mode-special-glow: rgba(255, 152, 0, 0.3);

	/* ===== QUIZ SPECIFIC VARIABLES ===== */
	--quiz-form-spacing: var(--spacing-lg);
	--quiz-card-padding: var(--spacing-xl);
	--quiz-input-height: 2.5rem;
	--quiz-textarea-height: 4rem;
	--quiz-button-height: 2.75rem;
	--quiz-progress-height: 0.625rem;
	--quiz-modal-max-width: 90vw;
	--quiz-table-row-height: 3rem;
	
	/* Quiz specific colors */
	--quiz-primary: var(--color-primary);
	--quiz-secondary: var(--color-secondary);
	--quiz-success: var(--color-success);
	--quiz-warning: var(--color-warning);
	--quiz-danger: var(--color-danger);
	--quiz-info: var(--color-info);
	--quiz-bg-card: var(--bg-card);
	--quiz-bg-option: var(--bg-accent);
	--quiz-bg-selected: var(--bg-highlight);
	
	/* ===== FORUM SPECIFIC VARIABLES ===== */
	--forum-status-online: var(--color-success);
	--forum-status-offline: var(--text-muted);
	--forum-status-away: var(--color-warning);
	--forum-status-hidden: var(--color-danger);
	--forum-status-anonymous: var(--color-info);
	
	/* ===== ADMIN PANEL VARIABLES ===== */
	--admin-card-gap: var(--spacing-lg);
	--admin-stats-card-height: 8rem;
	--admin-tab-height: 2.5rem;
	--admin-table-header-height: 3rem;
	
	/* ===== BOOTSTRAP BUTTON VARIABLES - HARMONIZÁLT ===== */
	/* Primary Button */
	--bs-btn-primary-color: #fff;
	--bs-btn-primary-bg: var(--bs-primary);
	--bs-btn-primary-border-color: var(--bs-primary);
	--bs-btn-primary-hover-color: #fff;
	--bs-btn-primary-hover-bg: var(--color-primary-dark);
	--bs-btn-primary-hover-border-color: var(--color-primary-dark);
	--bs-btn-primary-focus-shadow-rgb: var(--bs-primary-rgb);
	--bs-btn-primary-active-color: #fff;
	--bs-btn-primary-active-bg: var(--color-primary-dark);
	--bs-btn-primary-active-border-color: var(--color-primary-dark);
	--bs-btn-primary-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-primary-disabled-color: #fff;
	--bs-btn-primary-disabled-bg: var(--bs-primary);
	--bs-btn-primary-disabled-border-color: var(--bs-primary);
	
	/* Secondary Button - HARMONIZÁLT */
	--bs-btn-secondary-color: #fff;
	--bs-btn-secondary-bg: var(--bs-secondary);
	--bs-btn-secondary-border-color: var(--bs-secondary);
	--bs-btn-secondary-hover-color: #fff;
	--bs-btn-secondary-hover-bg: #757575;
	--bs-btn-secondary-hover-border-color: #6e6e6e;
	--bs-btn-secondary-focus-shadow-rgb: var(--bs-secondary-rgb);
	--bs-btn-secondary-active-color: #fff;
	--bs-btn-secondary-active-bg: #6e6e6e;
	--bs-btn-secondary-active-border-color: #666666;
	--bs-btn-secondary-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-secondary-disabled-color: #fff;
	--bs-btn-secondary-disabled-bg: var(--bs-secondary);
	--bs-btn-secondary-disabled-border-color: var(--bs-secondary);
	
	/* Success Button */
	--bs-btn-success-color: #fff;
	--bs-btn-success-bg: var(--bs-success);
	--bs-btn-success-border-color: var(--bs-success);
	--bs-btn-success-hover-color: #fff;
	--bs-btn-success-hover-bg: #388e3c;
	--bs-btn-success-hover-border-color: #2e7d32;
	--bs-btn-success-focus-shadow-rgb: var(--bs-success-rgb);
	--bs-btn-success-active-color: #fff;
	--bs-btn-success-active-bg: #2e7d32;
	--bs-btn-success-active-border-color: #1b5e20;
	--bs-btn-success-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-success-disabled-color: #fff;
	--bs-btn-success-disabled-bg: var(--bs-success);
	--bs-btn-success-disabled-border-color: var(--bs-success);
	
	/* Info Button */
	--bs-btn-info-color: #000;
	--bs-btn-info-bg: var(--bs-info);
	--bs-btn-info-border-color: var(--bs-info);
	--bs-btn-info-hover-color: #000;
	--bs-btn-info-hover-bg: #42a5f5;
	--bs-btn-info-hover-border-color: #1e88e5;
	--bs-btn-info-focus-shadow-rgb: var(--bs-info-rgb);
	--bs-btn-info-active-color: #000;
	--bs-btn-info-active-bg: #1e88e5;
	--bs-btn-info-active-border-color: #1976d2;
	--bs-btn-info-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-info-disabled-color: #000;
	--bs-btn-info-disabled-bg: var(--bs-info);
	--bs-btn-info-disabled-border-color: var(--bs-info);
	
	/* Warning Button */
	--bs-btn-warning-color: #000;
	--bs-btn-warning-bg: var(--bs-warning);
	--bs-btn-warning-border-color: var(--bs-warning);
	--bs-btn-warning-hover-color: #000;
	--bs-btn-warning-hover-bg: #ffab00;
	--bs-btn-warning-hover-border-color: #ff9800;
	--bs-btn-warning-focus-shadow-rgb: var(--bs-warning-rgb);
	--bs-btn-warning-active-color: #000;
	--bs-btn-warning-active-bg: #ff8f00;
	--bs-btn-warning-active-border-color: #ff6f00;
	--bs-btn-warning-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-warning-disabled-color: #000;
	--bs-btn-warning-disabled-bg: var(--bs-warning);
	--bs-btn-warning-disabled-border-color: var(--bs-warning);
	
	/* Danger Button */
	--bs-btn-danger-color: #fff;
	--bs-btn-danger-bg: var(--bs-danger);
	--bs-btn-danger-border-color: var(--bs-danger);
	--bs-btn-danger-hover-color: #fff;
	--bs-btn-danger-hover-bg: #d32f2f;
	--bs-btn-danger-hover-border-color: #c62828;
	--bs-btn-danger-focus-shadow-rgb: var(--bs-danger-rgb);
	--bs-btn-danger-active-color: #fff;
	--bs-btn-danger-active-bg: #c62828;
	--bs-btn-danger-active-border-color: #b71c1c;
	--bs-btn-danger-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-danger-disabled-color: #fff;
	--bs-btn-danger-disabled-bg: var(--bs-danger);
	--bs-btn-danger-disabled-border-color: var(--bs-danger);
	
	/* Light Button - HARMONIZÁLT */
	--bs-btn-light-color: #fff;
	--bs-btn-light-bg: var(--bs-light);
	--bs-btn-light-border-color: var(--bs-light);
	--bs-btn-light-hover-color: #fff;
	--bs-btn-light-hover-bg: #242424;
	--bs-btn-light-hover-border-color: #2d2d30;
	--bs-btn-light-focus-shadow-rgb: var(--bs-light-rgb);
	--bs-btn-light-active-color: #fff;
	--bs-btn-light-active-bg: #2d2d30;
	--bs-btn-light-active-border-color: #3a3a3e;
	--bs-btn-light-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-light-disabled-color: #fff;
	--bs-btn-light-disabled-bg: var(--bs-light);
	--bs-btn-light-disabled-border-color: var(--bs-light);
	
	/* Dark Button */
	--bs-btn-dark-color: #000;
	--bs-btn-dark-bg: var(--bs-dark);
	--bs-btn-dark-border-color: var(--bs-dark);
	--bs-btn-dark-hover-color: #000;
	--bs-btn-dark-hover-bg: #c8c8c8;
	--bs-btn-dark-hover-border-color: #c0c0c0;
	--bs-btn-dark-focus-shadow-rgb: var(--bs-dark-rgb);
	--bs-btn-dark-active-color: #000;
	--bs-btn-dark-active-bg: #c0c0c0;
	--bs-btn-dark-active-border-color: #b8b8b8;
	--bs-btn-dark-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-dark-disabled-color: #000;
	--bs-btn-dark-disabled-bg: var(--bs-dark);
	--bs-btn-dark-disabled-border-color: var(--bs-dark);
	
	/* Link Button */
	--bs-btn-link-color: var(--bs-link-color);
	--bs-btn-link-hover-color: var(--bs-link-hover-color);
	--bs-btn-link-active-color: var(--bs-link-hover-color);
	--bs-btn-link-disabled-color: var(--text-muted);
	--bs-btn-link-focus-shadow-rgb: var(--bs-primary-rgb);
	
	/* Button Sizing */
	--bs-btn-padding-y: 0.375rem;
	--bs-btn-padding-x: 0.75rem;
	--bs-btn-font-size: 1rem;
	--bs-btn-font-weight: 400;
	--bs-btn-line-height: 1.5;
	--bs-btn-border-width: var(--bs-border-width);
	--bs-btn-border-radius: var(--bs-border-radius);
	--bs-btn-hover-border-width: var(--bs-border-width);
	--bs-btn-focus-width: var(--bs-focus-ring-width);
	--bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-opacity: 0.65;
	
	/* ===== BOOTSTRAP COMPONENT VARIABLES - HARMONIZÁLT ===== */
	/* List Group */
	--bs-list-group-color: var(--bs-body-color);
	--bs-list-group-bg: var(--bs-body-bg);
	--bs-list-group-border-color: var(--border-card);
	--bs-list-group-border-width: var(--bs-border-width);
	--bs-list-group-border-radius: var(--bs-border-radius);
	--bs-list-group-item-padding-x: 1rem;
	--bs-list-group-item-padding-y: 0.5rem;
	--bs-list-group-action-color: var(--bs-secondary-color);
	--bs-list-group-action-hover-color: var(--bs-emphasis-color);
	--bs-list-group-action-hover-bg: var(--hover-bg);
	--bs-list-group-action-active-color: var(--bs-body-color);
	--bs-list-group-action-active-bg: var(--active-bg);
	--bs-list-group-disabled-color: var(--bs-secondary-color);
	--bs-list-group-disabled-bg: var(--bs-body-bg);
	--bs-list-group-active-color: #fff;
	--bs-list-group-active-bg: var(--bs-primary);
	--bs-list-group-active-border-color: var(--bs-primary);
	
	/* Dropdown - HARMONIZÁLT */
	--bs-dropdown-zindex: 1000;
	--bs-dropdown-min-width: 10rem;
	--bs-dropdown-padding-x: 0;
	--bs-dropdown-padding-y: 0.5rem;
	--bs-dropdown-spacer: 0.125rem;
	--bs-dropdown-font-size: 1rem;
	--bs-dropdown-color: var(--bs-body-color);
	--bs-dropdown-bg: var(--bg-card);
	--bs-dropdown-border-color: var(--border-card);
	--bs-dropdown-border-radius: var(--bs-border-radius);
	--bs-dropdown-border-width: var(--bs-border-width);
	--bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
	--bs-dropdown-divider-bg: var(--border-card);
	--bs-dropdown-divider-margin-y: 0.5rem;
	--bs-dropdown-box-shadow: var(--shadow-card);
	--bs-dropdown-link-color: var(--bs-body-color);
	--bs-dropdown-link-hover-color: var(--bs-body-color);
	--bs-dropdown-link-hover-bg: var(--hover-dropdown);
	--bs-dropdown-link-active-color: #fff;
	--bs-dropdown-link-active-bg: var(--bs-primary);
	--bs-dropdown-link-disabled-color: var(--text-muted);
	--bs-dropdown-item-padding-x: 1rem;
	--bs-dropdown-item-padding-y: 0.25rem;
	--bs-dropdown-header-color: var(--text-muted);
	--bs-dropdown-header-padding-x: 1rem;
	--bs-dropdown-header-padding-y: 0.5rem;
	
	/* ===== BACKDROP FILTERS ===== */
	--backdrop-blur: blur(5px);
	--backdrop-saturate: saturate(1.5);

	/* ===== BOOTSTRAP VARIABLES MOVED FROM bootstrap.min.css ===== */
	/* These variables were extracted to maintain consistency with the dark theme */

	/* ===== TABLE VARIABLES - DARK THEME OPTIMIZED ===== */
	--bs-table-color-type: initial;
	--bs-table-bg-type: initial;
	--bs-table-color-state: initial;
	--bs-table-bg-state: initial;
	--bs-table-accent-bg: transparent;
	--bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.08);
	--bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.15);
	--bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);

	/* ===== FORM VARIABLES - DARK THEME OPTIMIZED ===== */
	--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
	--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
	--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
	--bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");

	/* ===== BUTTON VARIABLES ===== */
	--bs-btn-padding-x: 0.75rem;
	--bs-btn-padding-y: 0.375rem;
	--bs-btn-font-family: ;
	--bs-btn-font-size: 1rem;
	--bs-btn-font-weight: 400;
	--bs-btn-line-height: 1.5;
	--bs-btn-bg: transparent;
	--bs-btn-border-color: transparent;
	--bs-btn-hover-border-color: transparent;
	--bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
	--bs-btn-disabled-opacity: 0.65;
	--bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);

	/* ===== DROPDOWN VARIABLES - DARK THEME ===== */
	--bs-dropdown-color: var(--text-primary);
	--bs-dropdown-bg: var(--bg-card);
	--bs-dropdown-box-shadow: var(--shadow-card);
	--bs-dropdown-link-color: var(--text-primary);
	--bs-dropdown-link-hover-color: var(--text-primary);
	--bs-dropdown-link-hover-bg: var(--hover-dropdown);
	--bs-dropdown-link-active-color: #fff;
	--bs-dropdown-link-active-bg: var(--bs-primary);
	--bs-dropdown-link-disabled-color: var(--text-muted);
	--bs-dropdown-header-color: var(--text-muted);

	/* ===== NAVIGATION VARIABLES ===== */
	--bs-nav-link-padding-x: 1rem;
	--bs-nav-link-padding-y: 0.5rem;
	--bs-nav-link-font-weight: ;
	--bs-nav-pills-link-active-color: #fff;
	--bs-nav-pills-link-active-bg: var(--bs-primary);
	--bs-nav-underline-gap: 1rem;
	--bs-nav-underline-border-width: 0.125rem;

	/* ===== NAVBAR VARIABLES - DARK THEME ===== */
	--bs-navbar-padding-x: 0;
	--bs-navbar-padding-y: 0.5rem;
	--bs-navbar-color: var(--text-secondary);
	--bs-navbar-hover-color: var(--text-primary);
	--bs-navbar-disabled-color: var(--text-muted);
	--bs-navbar-active-color: var(--text-primary);
	--bs-navbar-brand-color: var(--text-primary);
	--bs-navbar-brand-hover-color: var(--text-primary);
	--bs-navbar-brand-font-size: 1.25rem;
	--bs-navbar-brand-margin-end: 1rem;
	--bs-navbar-brand-padding-y: 0.3125rem;
	--bs-navbar-nav-link-padding-x: 0.5rem;
	--bs-navbar-toggler-padding-x: 0.75rem;
	--bs-navbar-toggler-padding-y: 0.25rem;
	--bs-navbar-toggler-font-size: 1.25rem;
	--bs-navbar-toggler-border-color: rgba(158, 158, 158, 0.1);
	--bs-navbar-toggler-focus-width: 0.25rem;
	--bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
	--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28232, 232, 232, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

	/* ===== CARD VARIABLES ===== */
	--bs-card-spacer-y: 1rem;
	--bs-card-spacer-x: 1rem;
	--bs-card-title-spacer-y: 0.5rem;
	--bs-card-title-color: ;
	--bs-card-subtitle-color: ;
	--bs-card-box-shadow: var(--shadow-card);
	--bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
	--bs-card-cap-padding-y: 0.5rem;
	--bs-card-cap-padding-x: 1rem;
	--bs-card-cap-bg: var(--bg-card-header);
	--bs-card-cap-color: ;
	--bs-card-height: ;
	--bs-card-color: ;
	--bs-card-img-overlay-padding: 1rem;
	--bs-card-group-margin: 0.75rem;

	/* ===== BREADCRUMB VARIABLES ===== */
	--bs-breadcrumb-padding-x: 0;
	--bs-breadcrumb-padding-y: 0;
	--bs-breadcrumb-margin-bottom: 1rem;
	--bs-breadcrumb-bg: ;
	--bs-breadcrumb-border-radius: ;
	--bs-breadcrumb-item-padding-x: 0.5rem;

	/* ===== PAGINATION VARIABLES ===== */
	--bs-pagination-padding-x: 0.75rem;
	--bs-pagination-padding-y: 0.375rem;
	--bs-pagination-font-size: 1rem;
	--bs-pagination-focus-box-shadow: var(--shadow-focus);
	--bs-pagination-active-color: #fff;
	--bs-pagination-active-bg: var(--bs-primary);
	--bs-pagination-active-border-color: var(--bs-primary);

	/* ===== BADGE VARIABLES ===== */
	--bs-badge-padding-x: 0.65em;
	--bs-badge-padding-y: 0.35em;
	--bs-badge-font-size: 0.75em;
	--bs-badge-font-weight: 700;
	--bs-badge-color: #fff;

	/* ===== PROGRESS VARIABLES ===== */
	--bs-progress-height: 1rem;
	--bs-progress-font-size: 0.75rem;
	--bs-progress-bar-color: #fff;
	--bs-progress-bar-bg: var(--bs-primary);
	--bs-progress-bar-transition: width 0.6s ease;

	/* ===== LIST GROUP VARIABLES ===== */
	--bs-list-group-item-padding-x: 1rem;
	--bs-list-group-item-padding-y: 0.5rem;

	/* ===== CLOSE BUTTON VARIABLES - DARK THEME ===== */
	--bs-btn-close-color: var(--text-primary);
	--bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e8e8e8'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
	--bs-btn-close-opacity: 0.5;
	--bs-btn-close-hover-opacity: 0.75;
	--bs-btn-close-focus-shadow: var(--shadow-focus);
	--bs-btn-close-focus-opacity: 1;
	--bs-btn-close-disabled-opacity: 0.25;
	--bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);

	/* ===== BACKDROP VARIABLES ===== */
	--bs-backdrop-zindex: 1050;
	--bs-backdrop-bg: #000;
	--bs-backdrop-opacity: 0.5;

	/* ===== ASPECT RATIO VARIABLES ===== */
	--bs-aspect-ratio: 100%;

	/* ===== UTILITY VARIABLES ===== */
	--bs-position: start;
	--bs-border-opacity: 1;
	--bs-text-opacity: 1;
	--bs-link-opacity: 1;
	--bs-link-underline-opacity: 1;
	--bs-bg-opacity: 1;
	
	/* ===== COMPONENT VARIABLES - MOVED FROM BOOTSTRAP ===== */
	
	/* BREAKPOINTS */
	--bs-breakpoint-xs: 0;
	--bs-breakpoint-sm: 576px;
	--bs-breakpoint-md: 768px;
	--bs-breakpoint-lg: 992px;
	--bs-breakpoint-xl: 1200px;
	--bs-breakpoint-xxl: 1400px;
	
	/* GRID SYSTEM */
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	
	/* ACCORDION COMPONENT */
	--bs-accordion-active-bg: var(--bs-primary-bg-subtle);
	--bs-accordion-active-color: var(--bs-primary-text-emphasis);
	--bs-accordion-bg: var(--bs-body-bg);
	--bs-accordion-body-padding-x: 1.25rem;
	--bs-accordion-body-padding-y: 1rem;
	--bs-accordion-border-color: var(--bs-border-color);
	--bs-accordion-border-radius: var(--bs-border-radius);
	--bs-accordion-border-width: var(--bs-border-width);
	--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2368b5ff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
	--bs-accordion-btn-bg: var(--bs-accordion-bg);
	--bs-accordion-btn-color: var(--bs-body-color);
	--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(104, 181, 255, 0.25);
	--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23e8e8e8' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
	--bs-accordion-btn-icon-transform: rotate(-180deg);
	--bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
	--bs-accordion-btn-icon-width: 1.25rem;
	--bs-accordion-btn-padding-x: 1.25rem;
	--bs-accordion-btn-padding-y: 1rem;
	--bs-accordion-color: var(--bs-body-color);
	--bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
	--bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
	
	/* BADGE COMPONENT */
	--bs-badge-border-radius: var(--bs-border-radius);
	
	/* BREADCRUMB COMPONENT */
	--bs-breadcrumb-divider-color: var(--bs-secondary-color);
	--bs-breadcrumb-item-active-color: var(--bs-secondary-color);
	
	/* BUTTON COMPONENT */
	--bs-btn-color: var(--bs-body-color);
	
	/* CARD COMPONENT */
	--bs-card-bg: var(--bs-body-bg);
	--bs-card-border-color: var(--bs-border-color-translucent);
	--bs-card-border-radius: var(--bs-border-radius);
	--bs-card-border-width: var(--bs-border-width);
	
	/* CAROUSEL COMPONENT */
	--bs-carousel-caption-color: #e8e8e8;
	--bs-carousel-control-icon-filter: invert(1) grayscale(100);
	--bs-carousel-indicator-active-bg: #1a1a1a;
	
	/* FORM CHECK COMPONENT */
	--bs-form-check-bg: var(--bs-body-bg);
	
	/* MODAL COMPONENT */
	--bs-modal-bg: var(--bs-body-bg);
	--bs-modal-border-color: var(--bs-border-color-translucent);
	--bs-modal-border-radius: var(--bs-border-radius-lg);
	--bs-modal-border-width: var(--bs-border-width);
	--bs-modal-box-shadow: var(--bs-box-shadow-sm);
	--bs-modal-color: var(--bs-body-color);
	--bs-modal-footer-bg: var(--bs-body-bg);
	--bs-modal-footer-border-color: var(--bs-border-color);
	--bs-modal-footer-border-width: var(--bs-border-width);
	--bs-modal-footer-gap: 0.5rem;
	--bs-modal-header-border-color: var(--bs-border-color);
	--bs-modal-header-border-width: var(--bs-border-width);
	--bs-modal-header-padding: 1rem 1rem;
	--bs-modal-header-padding-x: 1rem;
	--bs-modal-header-padding-y: 1rem;
	--bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
	--bs-modal-margin: 0.5rem;
	--bs-modal-padding: 1rem;
	--bs-modal-title-line-height: 1.5;
	--bs-modal-width: 500px;
	--bs-modal-zindex: 1055;
	
	/* NAV COMPONENT */
	--bs-nav-link-color: var(--bs-link-color);
	--bs-nav-link-disabled-color: var(--bs-secondary-color);
	--bs-nav-link-hover-color: var(--bs-link-hover-color);
	--bs-nav-pills-border-radius: var(--bs-border-radius);
	--bs-nav-tabs-border-color: var(--bs-border-color);
	--bs-nav-tabs-border-radius: var(--bs-border-radius);
	--bs-nav-tabs-border-width: var(--bs-border-width);
	--bs-nav-tabs-link-active-bg: var(--bs-body-bg);
	--bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
	--bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
	--bs-nav-tabs-link-hover-border-color: var(--bs-border-color-translucent) var(--bs-border-color-translucent) var(--bs-border-color);
	--bs-nav-underline-link-active-color: var(--bs-emphasis-color);
	
	/* NAVBAR COMPONENT */
	--bs-navbar-toggler-border-radius: var(--bs-border-radius);
	
	/* OFFCANVAS COMPONENT */
	--bs-offcanvas-bg: var(--bs-body-bg);
	--bs-offcanvas-border-color: var(--bs-border-color);
	--bs-offcanvas-border-width: var(--bs-border-width);
	--bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
	--bs-offcanvas-color: var(--bs-body-color);
	--bs-offcanvas-height: 30vh;
	--bs-offcanvas-padding-x: 1rem;
	--bs-offcanvas-padding-y: 1rem;
	--bs-offcanvas-title-line-height: 1.5;
	--bs-offcanvas-transition: transform 0.3s ease-in-out;
	--bs-offcanvas-width: 400px;
	--bs-offcanvas-zindex: 1045;
	
	/* PAGINATION COMPONENT */
	--bs-pagination-bg: var(--bs-body-bg);
	--bs-pagination-border-color: var(--bs-border-color);
	--bs-pagination-border-radius: var(--bs-border-radius);
	--bs-pagination-border-width: var(--bs-border-width);
	--bs-pagination-color: var(--bs-link-color);
	--bs-pagination-disabled-bg: var(--bs-secondary-bg);
	--bs-pagination-disabled-border-color: var(--bs-border-color);
	--bs-pagination-disabled-color: var(--bs-secondary-color);
	--bs-pagination-focus-bg: var(--bs-secondary-bg);
	--bs-pagination-focus-color: var(--bs-link-hover-color);
	--bs-pagination-hover-bg: var(--bs-tertiary-bg);
	--bs-pagination-hover-border-color: var(--bs-border-color);
	--bs-pagination-hover-color: var(--bs-link-hover-color);
	
	/* POPOVER COMPONENT */
	--bs-popover-arrow-border: var(--bs-popover-border-color);
	--bs-popover-arrow-height: 0.5rem;
	--bs-popover-arrow-width: 1rem;
	--bs-popover-bg: var(--bs-body-bg);
	--bs-popover-body-color: var(--bs-body-color);
	--bs-popover-body-padding-x: 1rem;
	--bs-popover-body-padding-y: 0.5rem;
	--bs-popover-border-color: var(--bs-border-color-translucent);
	--bs-popover-border-radius: var(--bs-border-radius-lg);
	--bs-popover-border-width: var(--bs-border-width);
	--bs-popover-box-shadow: var(--bs-box-shadow);
	--bs-popover-font-size: 0.875rem;
	--bs-popover-header-bg: var(--bs-secondary-bg);
	--bs-popover-header-color: var(--bs-body-color);
	--bs-popover-header-font-size: 1rem;
	--bs-popover-header-padding-x: 1rem;
	--bs-popover-header-padding-y: 0.5rem;
	--bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
	--bs-popover-max-width: 276px;
	--bs-popover-zindex: 1070;
	
	/* PROGRESS COMPONENT */
	--bs-progress-bg: var(--bs-secondary-bg);
	--bs-progress-border-radius: var(--bs-border-radius);
	--bs-progress-box-shadow: var(--bs-box-shadow-inset);
	
	/* SPINNER COMPONENT */
	--bs-spinner-animation-name: spinner-border;
	--bs-spinner-animation-speed: 0.75s;
	--bs-spinner-border-width: 0.25em;
	--bs-spinner-height: 2rem;
	--bs-spinner-vertical-align: -0.125em;
	--bs-spinner-width: 2rem;
	
	/* TABLE COMPONENT */
	--bs-table-active-color: var(--bs-body-color);
	--bs-table-bg: transparent;
	--bs-table-border-color: var(--bs-border-color);
	--bs-table-color: var(--bs-body-color);
	--bs-table-hover-color: var(--bs-body-color);
	--bs-table-striped-color: var(--bs-body-color);
	
	/* TOAST COMPONENT */
	--bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
	--bs-toast-border-color: var(--bs-border-color-translucent);
	--bs-toast-border-radius: var(--bs-border-radius);
	--bs-toast-border-width: var(--bs-border-width);
	--bs-toast-box-shadow: var(--bs-box-shadow);
	--bs-toast-color: ;
	--bs-toast-font-size: 0.875rem;
	--bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
	--bs-toast-header-border-color: var(--bs-border-color-translucent);
	--bs-toast-header-color: var(--bs-secondary-color);
	--bs-toast-max-width: 350px;
	--bs-toast-padding-x: 0.75rem;
	--bs-toast-padding-y: 0.5rem;
	--bs-toast-spacing: 1.5rem;
	--bs-toast-zindex: 1090;
	
	/* TOOLTIP COMPONENT */
	--bs-tooltip-arrow-height: 0.4rem;
	--bs-tooltip-arrow-width: 0.8rem;
	--bs-tooltip-bg: #1a1a1a;
	--bs-tooltip-border-radius: var(--bs-border-radius);
	--bs-tooltip-color: #e8e8e8;
	--bs-tooltip-font-size: 0.875rem;
	--bs-tooltip-margin: ;
	--bs-tooltip-max-width: 200px;
	--bs-tooltip-opacity: 0.9;
	--bs-tooltip-padding-x: 0.5rem;
	--bs-tooltip-padding-y: 0.25rem;
	--bs-tooltip-zindex: 1080;
}

/* ===== KOMPONENS SPECIFIKUS STÍLUSOK - JAVÍTOTT ===== */

/* Navbar harmonizálás - javított */
.navbar {
	background: var(--gradient-header) !important;
	border-bottom: 1px solid var(--border-navbar);
	box-shadow: var(--shadow-navbar);
	transition: var(--transition-md);
}

/* Nav-link intenzívebb hover */
.nav-link:hover {
	background: var(--hover-nav-link) !important;
	color: var(--text-primary) !important;
	border-radius: var(--bs-border-radius) !important;
	transform: translateY(-1px);
	box-shadow: 0 2px 8px rgba(104, 181, 255, 0.15);
}

/* Card harmonizálás - javított */
.card {
	background: var(--bg-card);
	border: 1px solid var(--border-card);
	box-shadow: var(--shadow-card);
	transition: var(--transition-md);
}

.card-header {
	background: var(--gradient-card-header) !important;
	border-bottom: 1px solid var(--border-card);
	transition: var(--transition-md);
	padding: 1rem !important;
}

/* Dropdown intenzívebb hover */
.dropdown-item:hover, .dropdown-item:focus {
	background: var(--hover-dropdown) !important;
	color: var(--text-primary) !important;
	transform: translateX(3px);
	border-left: 3px solid var(--bs-primary);
}

/* Bootstrap komponensek finomhangolása */
.btn {
	transition: var(--transition-md);
}

.form-control {
	background: var(--bg-form);
	border: 1px solid var(--border-primary);
	color: var(--text-primary);
	transition: var(--transition-md);
}

/* Dark theme compatibility */
[data-bs-theme=dark] {
	color-scheme: dark;
}


/* ===== FELHASZNÁLÓI RANG STÍLUSOK - MODERN DARK THEME ===== */

/* UC_USER (0) - Újonc */
.class_0 { 
	color: #9e9e9e;
	font-weight: 400;
	text-shadow: none;
}

/* UC_FELHASZNALO (1) - Felhasználó */
.class_1 { 
	color: #81c784;
	font-weight: 500;
	text-shadow: 0 0 8px rgba(129, 199, 132, 0.3);
}

/* UC_POWER_USER (2) - Tag */
.class_2 { 
	color: #64b5f6;
	font-weight: 600;
	text-shadow: 0 0 10px rgba(100, 181, 246, 0.3);
}

/* UC_VETERAN (3) - Veterán */
.class_3 { 
	color: #ffb74d;
	font-weight: 600;
	text-shadow: 0 0 12px rgba(255, 183, 77, 0.3);
	text-decoration: underline;
	text-decoration-color: rgba(255, 183, 77, 0.5);
}

/* UC_VIP (4) - VIP */
.class_4 { 
	color: #e57c8a;
	font-weight: 700;
	text-shadow: 0 0 15px rgba(229, 124, 138, 0.4);
	background: linear-gradient(90deg, transparent, rgba(229, 124, 138, 0.1), transparent);
	padding: 2px 4px;
	border-radius: 3px;
}

/* UC_UPLOADER (5) - Feltöltő */
.class_5 { 
	color: #ab47bc;
	font-weight: 600;
	text-shadow: 0 0 12px rgba(171, 71, 188, 0.3);
	position: relative;
}
.class_5::after {
	content: " ⬆";
	font-size: 0.8em;
	opacity: 0.7;
}

/* UC_HELPDESK (6) - HelpDesk */
.class_6 { 
	color: #4fc3f7;
	font-weight: 600;
	text-shadow: 0 0 12px rgba(79, 195, 247, 0.3);
	border-bottom: 1px dotted rgba(79, 195, 247, 0.5);
}
.class_6::before {
	content: "🛠 ";
	font-size: 0.9em;
}

/* UC_MODERATOR (7) - Moderátor */
.class_7 { 
	color: #ffa726;
	font-weight: 700;
	text-shadow: 0 0 15px rgba(255, 167, 38, 0.4);
	background: linear-gradient(90deg, rgba(255, 167, 38, 0.1), transparent);
	border-left: 3px solid rgba(255, 167, 38, 0.5);
	padding-left: 6px;
}

/* UC_ADMINISTRATOR (8) - Adminisztrátor */
.class_8 { 
	color: #ef5350;
	font-weight: 700;
	text-shadow: 0 0 18px rgba(239, 83, 80, 0.5);
	background: linear-gradient(135deg, rgba(239, 83, 80, 0.15), transparent, rgba(239, 83, 80, 0.15));
	padding: 3px 6px;
	border-radius: 4px;
	border: 1px solid rgba(239, 83, 80, 0.3);
}

/* UC_SYSOP (9) - Staffvezető */
.class_9 { 
	color: #ff6b6b;
	font-weight: 800;
	text-shadow: 0 0 20px rgba(255, 107, 107, 0.6);
	background: linear-gradient(45deg, rgba(255, 107, 107, 0.2), rgba(255, 107, 107, 0.05));
	padding: 4px 8px;
	border-radius: 6px;
	border: 2px solid rgba(255, 107, 107, 0.4);
	animation: glow 2s ease-in-out infinite alternate;
}

/* UC_STAFFLEADER (10) - Tulajdonos */
.class_10 { 
	color: #ff3d71;
	font-weight: 900;
	text-shadow: 0 0 25px rgba(255, 61, 113, 0.8);
	background: linear-gradient(90deg, rgba(255, 61, 113, 0.3), rgba(255, 61, 113, 0.1), rgba(255, 61, 113, 0.3));
	padding: 5px 10px;
	border-radius: 8px;
	border: 2px solid rgba(255, 61, 113, 0.6);
	position: relative;
	animation: crown-glow 3s ease-in-out infinite;
}
.class_10::before {
	content: "👑 ";
	filter: drop-shadow(0 0 8px rgba(255, 61, 113, 0.8));
}

/* UC_LOL (11) - Coder */
.class_11 { 
	color: #26c6da;
	font-weight: 700;
	text-shadow: 0 0 15px rgba(38, 198, 218, 0.5);
	font-family: 'Consolas', 'Monaco', monospace;
	background: linear-gradient(90deg, rgba(38, 198, 218, 0.1), transparent);
	border: 1px dashed rgba(38, 198, 218, 0.4);
	padding: 2px 6px;
	border-radius: 4px;
}
.class_11::after {
	content: " </>";
	font-size: 0.8em;
	opacity: 0.7;
}