/* ===== UNIFIED DARK THEME VARIABLES - GITHUB INSPIRED WITH BOOTSTRAP COMPATIBILITY ===== */

:root,
[data-bs-theme=light] {
	/* ===== GITHUB CORE COLORS - EXTRACTED AND HARMONIZED ===== */
	--github-primary: #4493f8;      /* GitHub accent blue */
	--github-secondary: #9198a1;    /* GitHub muted text */
	--github-success: #3fb950;      /* GitHub green */
	--github-danger: #f85149;       /* GitHub red */
	--github-warning: #d29922;      /* GitHub yellow */
	--github-info: #58a6ff;         /* GitHub info blue */
	
	/* GitHub Background Colors */
	--github-bg-primary: #0d1117;   /* GitHub main bg */
	--github-bg-secondary: #151b23; /* GitHub secondary bg */
	--github-bg-tertiary: #21262d;  /* GitHub card bg */
	--github-bg-emphasis: #3d444d;  /* GitHub emphasis bg */
	--github-bg-muted: #151b23;     /* GitHub muted bg */
	--github-bg-neutral: #656c7633; /* GitHub neutral bg */
	
	/* GitHub Text Colors */
	--github-text-primary: #f0f6fc; /* GitHub primary text */
	--github-text-secondary: #9198a1; /* GitHub secondary text */
	--github-text-muted: #656c76;   /* GitHub muted text */
	--github-text-emphasis: #ffffff; /* GitHub emphasis text */
	
	/* GitHub Border Colors */
	--github-border-primary: #3d444d;   /* GitHub primary border */
	--github-border-secondary: #656c76; /* GitHub secondary border */
	--github-border-muted: #3d444db3;   /* GitHub muted border */
	--github-border-translucent: #ffffff26; /* GitHub translucent border */
	
	/* ===== BOOTSTRAP COMPATIBLE COLORS - GITHUB INSPIRED ===== */
	--bs-blue: var(--github-info);
	--bs-indigo: #6610f2;
	--bs-purple: #6f42c1;
	--bs-pink: #d63384;
	--bs-red: var(--github-danger);
	--bs-orange: #fd7e14;
	--bs-yellow: var(--github-warning);
	--bs-green: var(--github-success);
	--bs-teal: #20c997;
	--bs-cyan: #0dcaf0;
	--bs-black: var(--github-bg-primary);
	--bs-white: var(--github-text-primary);
	--bs-gray: var(--github-text-secondary);
	--bs-gray-dark: #343a40;
	
	/* ===== GITHUB-INSPIRED GRAY SCALE ===== */
	--bs-gray-100: var(--github-bg-primary);    /* #0d1117 - Main background */
	--bs-gray-200: var(--github-bg-secondary);  /* #151b23 - Secondary background */
	--bs-gray-300: var(--github-bg-tertiary);   /* #21262d - Card background */
	--bs-gray-400: var(--github-border-primary); /* #3d444d - Primary borders */
	--bs-gray-500: var(--github-bg-emphasis);   /* #3d444d - Emphasis elements */
	--bs-gray-600: var(--github-text-muted);    /* #656c76 - Muted text */
	--bs-gray-700: var(--github-text-secondary); /* #9198a1 - Secondary text */
	--bs-gray-800: #c8c8c8;                     /* Light text */
	--bs-gray-900: var(--github-text-primary);  /* #f0f6fc - Primary text */
	
	/* ===== BOOTSTRAP SEMANTIC COLORS - GITHUB PALETTE ===== */
	--bs-primary: var(--github-primary);
	--bs-secondary: var(--github-text-secondary);
	--bs-success: var(--github-success);
	--bs-info: var(--github-info);
	--bs-warning: var(--github-warning);
	--bs-danger: var(--github-danger);
	--bs-light: var(--github-bg-secondary);
	--bs-dark: var(--github-text-primary);
	
	/* ===== 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 - GITHUB COLORS ===== */
	--bs-primary-rgb: 68, 147, 248;    /* GitHub primary blue */
	--bs-secondary-rgb: 145, 152, 161; /* GitHub secondary gray */
	--bs-success-rgb: 63, 185, 80;     /* GitHub green */
	--bs-info-rgb: 88, 166, 255;       /* GitHub info blue */
	--bs-warning-rgb: 210, 153, 34;    /* GitHub yellow */
	--bs-danger-rgb: 248, 81, 73;      /* GitHub red */
	--bs-light-rgb: 21, 27, 35;        /* GitHub light bg */
	--bs-dark-rgb: 240, 246, 252;      /* GitHub dark text */
	--bs-white-rgb: 240, 246, 252;     /* GitHub white */
	--bs-black-rgb: 13, 17, 23;        /* GitHub black */
	
	/* ===== TEXT EMPHASIS COLORS - GITHUB INSPIRED ===== */
	--bs-primary-text-emphasis: #90caf9;
	--bs-secondary-text-emphasis: var(--github-text-secondary);
	--bs-success-text-emphasis: #81c784;
	--bs-info-text-emphasis: #81d4fa;
	--bs-warning-text-emphasis: #ffb74d;
	--bs-danger-text-emphasis: #ff8a80;
	--bs-light-text-emphasis: var(--github-text-muted);
	--bs-dark-text-emphasis: var(--github-text-primary);
	
	/* ===== BACKGROUND SUBTLE COLORS - GITHUB ALPHA PATTERNS ===== */
	--bs-primary-bg-subtle: rgba(68, 147, 248, 0.1);    /* GitHub primary with alpha */
	--bs-secondary-bg-subtle: rgba(145, 152, 161, 0.1); /* GitHub secondary with alpha */
	--bs-success-bg-subtle: rgba(63, 185, 80, 0.1);     /* GitHub success with alpha */
	--bs-info-bg-subtle: rgba(88, 166, 255, 0.1);       /* GitHub info with alpha */
	--bs-warning-bg-subtle: rgba(210, 153, 34, 0.1);    /* GitHub warning with alpha */
	--bs-danger-bg-subtle: rgba(248, 81, 73, 0.1);      /* GitHub danger with alpha */
	--bs-light-bg-subtle: var(--github-bg-secondary);
	--bs-dark-bg-subtle: var(--github-bg-tertiary);
	
	/* ===== BORDER SUBTLE COLORS - GITHUB ALPHA PATTERNS ===== */
	--bs-primary-border-subtle: rgba(68, 147, 248, 0.2);
	--bs-secondary-border-subtle: rgba(145, 152, 161, 0.2);
	--bs-success-border-subtle: rgba(63, 185, 80, 0.2);
	--bs-info-border-subtle: rgba(88, 166, 255, 0.2);
	--bs-warning-border-subtle: rgba(210, 153, 34, 0.2);
	--bs-danger-border-subtle: rgba(248, 81, 73, 0.2);
	--bs-light-border-subtle: var(--github-border-primary);
	--bs-dark-border-subtle: var(--github-border-secondary);
	
	/* ===== CUSTOM THEME VARIABLES - GITHUB HARMONIZED ===== */
	/* Logo */
	--bg-logo-url: url('logo_svg_9.svg');
	--bg-logo-height: 150px;
	
	/* Primary Colors - GitHub Based */
	--color-primary: var(--github-primary);
	--color-primary-light: #90caf9;
	--color-primary-dark: #2b7de9;
	--color-secondary: var(--github-text-secondary);
	--color-accent: var(--github-primary);
	--color-success: var(--github-success);
	--color-warning: var(--github-warning);
	--color-danger: var(--github-danger);
	--color-info: var(--github-info);
	
	/* Background Colors - GitHub Inspired */
	--bg-primary: var(--github-bg-primary);      /* #0d1117 - Main background */
	--bg-secondary: var(--github-bg-secondary);  /* #151b23 - Secondary background */
	--bg-tertiary: var(--github-bg-tertiary);    /* #21262d - Card background */
	--bg-accent: var(--github-bg-emphasis);      /* #3d444d - Accent elements */
	--bg-chat: var(--github-bg-secondary);       /* Chat background */
	--bg-messages: var(--github-bg-secondary);   /* Message background */
	--bg-modal: var(--github-bg-secondary);      /* Modal background */
	--bg-card: var(--github-bg-tertiary);        /* Card base */
	--bg-card-header: #262c36;                   /* Card header - slightly lighter */
	--bg-navbar: var(--github-bg-secondary);     /* Navbar background */
	--bg-form: var(--github-bg-tertiary);        /* Form background */
	--bg-highlight: #323842;                     /* Highlight - between tertiary and emphasis */
	
	/* Text Colors - GitHub Palette */
	--text-primary: var(--github-text-primary);     /* #f0f6fc */
	--text-secondary: var(--github-text-secondary); /* #9198a1 */
	--text-muted: var(--github-text-muted);         /* #656c76 */
	--text-accent: var(--github-primary);           /* #4493f8 */
	--text-inverse: var(--github-text-emphasis);    /* #ffffff */
	--text-dim: var(--github-text-muted);
	--text-success: var(--github-success);
	--text-warning: var(--github-warning);
	--text-danger: var(--github-danger);
	--text-info: var(--github-info);
	
	/* Border Colors - GitHub Inspired */
	--border-primary: var(--github-border-primary);     /* #3d444d */
	--border-secondary: var(--github-border-secondary); /* #656c76 */
	--border-accent: var(--github-border-secondary);    /* #656c76 */
	--border-chat: var(--github-border-primary);
	--border-message: var(--github-border-secondary);
	--border-navbar: rgba(145, 152, 161, 0.15);         /* GitHub secondary with alpha */
	--border-card: rgba(145, 152, 161, 0.12);           /* Card border */
	--border-focus: var(--github-primary);              /* GitHub blue focus */
	--border-success: var(--github-success);
	--border-warning: var(--github-warning);
	--border-danger: var(--github-danger);
	--border-info: var(--github-info);
	
	/* Interactive States - GitHub Inspired */
	--hover-bg: #30363d;                         /* GitHub hover background */
	--hover-bg-secondary: #262c36;               /* Secondary hover */
	--hover-navbar: #262c36;                     /* Navbar hover */
	--hover-card: #262c36;                       /* Card hover */
	--hover-card-header: #2f3540;                /* Card header hover */
	--hover-nav-link: #373e47;                   /* Nav-link hover */
	--hover-dropdown: #373e47;                   /* Dropdown hover */
	--active-bg: #404853;                        /* Active background */
	--focus-color: var(--github-primary);        /* GitHub blue focus */
	--focus-shadow: rgba(68, 147, 248, 0.35);    /* GitHub blue shadow */
	--focus-shadow-strong: rgba(68, 147, 248, 0.5); /* Strong GitHub blue shadow */
	
	/* ===== 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 - GitHub Colors */
	--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(--github-text-primary);
	--bs-body-color-rgb: 240, 246, 252;
	--bs-body-bg: var(--github-bg-primary);
	--bs-body-bg-rgb: 13, 17, 23;
	
	/* Emphasis Colors - GitHub Based */
	--bs-emphasis-color: var(--github-text-emphasis);
	--bs-emphasis-color-rgb: 255, 255, 255;
	--bs-secondary-color: rgba(240, 246, 252, 0.75);
	--bs-secondary-color-rgb: 240, 246, 252;
	--bs-secondary-bg: var(--github-bg-secondary);
	--bs-secondary-bg-rgb: 21, 27, 35;
	--bs-tertiary-color: rgba(240, 246, 252, 0.5);
	--bs-tertiary-color-rgb: 240, 246, 252;
	--bs-tertiary-bg: var(--github-bg-tertiary);
	--bs-tertiary-bg-rgb: 33, 38, 45;
	
	 /* Link Colors - GitHub Inspired */
	--bs-heading-color: inherit;
	--bs-link-color: #7bb3ff;                    /* GitHub link color */
	--bs-link-color-rgb: 123, 179, 255;
	--bs-link-decoration: underline;
	--bs-link-hover-color: var(--github-primary);
	--bs-link-hover-color-rgb: 68, 147, 248;
	
	/* Code Colors - GitHub Style */
	--bs-code-color: #e685b5;
	--bs-highlight-color: var(--github-text-primary);
	--bs-highlight-bg: var(--bs-warning-bg-subtle);
	
	/* Border System - GitHub Borders */
	--bs-border-width: 1px;
	--bs-border-style: solid;
	--bs-border-color: var(--github-border-primary);
	--bs-border-color-translucent: var(--github-border-translucent);
	--bs-border-radius: var(--bs-border-radius-lg);
	--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 - GitHub Inspired */
	--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 - GitHub Blue */
	--bs-focus-ring-width: 0.25rem;
	--bs-focus-ring-opacity: 0.25;
	--bs-focus-ring-color: rgba(68, 147, 248, 0.25);
	
	/* Form Colors - GitHub Colors */
	--bs-form-valid-color: var(--github-success);
	--bs-form-valid-border-color: var(--github-success);
	--bs-form-invalid-color: var(--github-danger);
	--bs-form-invalid-border-color: var(--github-danger);
	
	/* ===== PRIVATE MESSAGES - GITHUB HARMONIZED ===== */
	--pm-bg-sent: #1f2937;
	--pm-bg-received: #0f172a;
	--pm-border-sent: var(--github-border-primary);
	--pm-border-received: var(--github-border-primary);
	--pm-text-sent: var(--github-text-primary);
	--pm-text-received: var(--github-text-primary);
	--pm-unread-accent: var(--github-primary);
	--pm-online-status: var(--github-success);
	--pm-offline-status: var(--github-text-muted);
	--pm-typing-color: var(--github-primary);
	
	/* ===== MESSAGES SPECIFIC VARIABLES ===== */
	--message-sent: var(--github-primary);
	--message-received: var(--github-bg-tertiary);
	--message-hover: rgba(var(--bs-primary-rgb), 0.1);
	--message-bg-chat: var(--github-bg-primary);
	--message-bg-form: var(--github-bg-tertiary);
	--message-border-chat: var(--github-border-primary);
	--message-border-message: var(--github-border-secondary);
	
	/* ===== MESSAGE LAYOUT VARIABLES ===== */
	--message-padding: 0.75rem 1rem;
	--message-margin: 0.5rem;
	--message-border-radius: var(--bs-border-radius-lg);
	--message-max-width: 70%;
	--message-avatar-size: 32px;
	--message-gap: 8px;
	
	/* ===== REACTIONS - GITHUB STYLE ===== */
	--reaction-bg: var(--bs-primary-bg-subtle);
	--reaction-border: var(--bs-primary-border-subtle);
	--reaction-hover: rgba(68, 147, 248, 0.15);
	--reaction-active: rgba(68, 147, 248, 0.2);
	--reaction-shadow: rgba(68, 147, 248, 0.3);
	
	/* ===== GRADIENTS - GITHUB INSPIRED ===== */
	--gradient-primary: linear-gradient(135deg, var(--github-primary) 0%, #2b7de9 50%, #1e6dd8 100%);
	--gradient-primary-hover: linear-gradient(135deg, #1e3a52 0%, #2d4a6a 50%, #254158 100%);
	--gradient-secondary: linear-gradient(135deg, var(--github-text-secondary) 0%, #757575 50%, #8a8a8a 100%);
	--gradient-secondary-hover: linear-gradient(135deg, #3a3a3a 0%, #4a4a4a 50%, #424242 100%);
	--gradient-success: linear-gradient(135deg, var(--github-success) 0%, #2ea043 50%, #28a745 100%);
	--gradient-success-hover: linear-gradient(135deg, #1a3a2a 0%, #2d4a3d 50%, #234236 100%);
	--gradient-warning: linear-gradient(135deg, var(--github-warning) 0%, #b8860b 50%, #daa520 100%);
	--gradient-warning-hover: linear-gradient(135deg, #5a3a1a 0%, #6a4a2d 50%, #624124 100%);
	--gradient-danger: linear-gradient(135deg, var(--github-danger) 0%, #dc3545 50%, #e74c3c 100%);
	--gradient-danger-hover: linear-gradient(135deg, #5a1a1a 0%, #6a2d2d 50%, #62262e 100%);
	--gradient-info: linear-gradient(135deg, var(--github-info) 0%, #2196f3 50%, #1976d2 100%);
	--gradient-info-hover: linear-gradient(135deg, #1e3a52 0%, #2d4a6a 50%, #254158 100%);
	
	--gradient-header: linear-gradient(135deg, var(--github-bg-secondary) 0%, #1c2228 25%, var(--github-bg-secondary) 100%);
	--gradient-header-hover: linear-gradient(135deg, var(--hover-navbar) 0%, #2f3540 25%, var(--hover-navbar) 100%);
	--gradient-card-header: linear-gradient(135deg, var(--bg-card-header) 0%, #2f3540 25%, var(--bg-card-header) 100%);
	--gradient-card-header-hover: linear-gradient(135deg, var(--hover-card-header) 0%, #373e47 25%, var(--hover-card-header) 100%);
	--gradient-accent: linear-gradient(135deg, #2b7de9 0%, var(--github-primary) 50%, #2b7de9 100%);
	--gradient-pm-sent: linear-gradient(135deg, var(--pm-bg-sent) 0%, #2a3441 50%, var(--pm-bg-sent) 100%);
	--gradient-pm-received: linear-gradient(135deg, var(--pm-bg-received) 0%, #1e293b 50%, var(--pm-bg-received) 100%);
	--gradient-body: linear-gradient(135deg, var(--github-bg-primary) 0%, #0a0e13 50%, var(--github-bg-primary) 100%);
	--gradient-card: linear-gradient(135deg, var(--github-bg-tertiary) 0%, #1c2128 50%, var(--github-bg-tertiary) 100%);
	--gradient-navbar: linear-gradient(135deg, var(--github-bg-secondary) 0%, #1c2228 50%, var(--github-bg-secondary) 100%);
	
	/* ===== SHADOW SYSTEM - GITHUB ENHANCED ===== */
	--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 ===== */
	--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 - GITHUB INSPIRED ===== */
	--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 - GITHUB COLORS ===== */
	--dice-primary: var(--github-primary);
	--dice-secondary: var(--github-text-secondary);
	--dice-success: var(--github-success);
	--dice-warning: var(--github-warning);
	--dice-danger: var(--github-danger);
	--dice-info: var(--github-info);
	--dice-bg-card: var(--github-bg-tertiary);
	--dice-bg-option: var(--github-bg-emphasis);
	--dice-bg-selected: var(--bg-highlight);
	--dice-text-primary: var(--github-text-primary);
	--dice-text-secondary: var(--github-text-secondary);
	--dice-text-muted: var(--github-text-muted);
	--dice-border-primary: var(--github-border-primary);
	--dice-border-secondary: var(--github-border-secondary);
	--dice-shadow-card: var(--shadow-card);
	--dice-shadow-hover: var(--shadow-hover);
	--dice-transition: var(--transition-md);
	
	/* Real-time feedback colors - GitHub harmonized */
	--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 - GitHub palette */
	--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, var(--github-warning) 0%, #e6ac00 50%, #cc9900 100%);
	--mode-special-glow: rgba(210, 153, 34, 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 - GitHub palette */
	--quiz-primary: var(--github-primary);
	--quiz-secondary: var(--github-text-secondary);
	--quiz-success: var(--github-success);
	--quiz-warning: var(--github-warning);
	--quiz-danger: var(--github-danger);
	--quiz-info: var(--github-info);
	--quiz-bg-card: var(--github-bg-tertiary);
	--quiz-bg-option: var(--github-bg-emphasis);
	--quiz-bg-selected: var(--bg-highlight);
	
	/* ===== FORUM SPECIFIC VARIABLES ===== */
	--forum-status-online: var(--github-success);
	--forum-status-offline: var(--github-text-muted);
	--forum-status-away: var(--github-warning);
	--forum-status-hidden: var(--github-danger);
	--forum-status-anonymous: var(--github-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 - GITHUB COLORS ===== */
	/* Primary Button - GitHub Blue */
	--bs-btn-primary-color: #fff;
	--bs-btn-primary-bg: var(--github-primary);
	--bs-btn-primary-border-color: var(--github-primary);
	--bs-btn-primary-hover-color: #fff;
	--bs-btn-primary-hover-bg: #2b7de9;
	--bs-btn-primary-hover-border-color: #2b7de9;
	--bs-btn-primary-focus-shadow-rgb: 68, 147, 248; /* GitHub blue focus */
	--bs-btn-primary-active-color: #fff;
	--bs-btn-primary-active-bg: #1e6dd8;
	--bs-btn-primary-active-border-color: #1e6dd8;
	--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(--github-primary);
	--bs-btn-primary-disabled-border-color: var(--github-primary);
	
	/* Secondary Button - GitHub Gray */
	--bs-btn-secondary-color: #fff;
	--bs-btn-secondary-bg: var(--github-text-secondary);
	--bs-btn-secondary-border-color: var(--github-text-secondary);
	--bs-btn-secondary-hover-color: #fff;
	--bs-btn-secondary-hover-bg: #7d848d;
	--bs-btn-secondary-hover-border-color: #7d848d;
	--bs-btn-secondary-focus-shadow-rgb: 145, 152, 161; /* GitHub secondary focus */
	--bs-btn-secondary-active-color: #fff;
	--bs-btn-secondary-active-bg: #6e747a;
	--bs-btn-secondary-active-border-color: #6e747a;
	--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(--github-text-secondary);
	--bs-btn-secondary-disabled-border-color: var(--github-text-secondary);
	
	/* Success Button - GitHub Green */
	--bs-btn-success-color: #fff;
	--bs-btn-success-bg: var(--github-success);
	--bs-btn-success-border-color: var(--github-success);
	--bs-btn-success-hover-color: #fff;
	--bs-btn-success-hover-bg: #2ea043;
	--bs-btn-success-hover-border-color: #2ea043;
	--bs-btn-success-focus-shadow-rgb: 63, 185, 80; /* GitHub green focus */
	--bs-btn-success-active-color: #fff;
	--bs-btn-success-active-bg: #238636;
	--bs-btn-success-active-border-color: #238636;
	--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(--github-success);
	--bs-btn-success-disabled-border-color: var(--github-success);
	
	/* Info Button - GitHub Info Blue */
	--bs-btn-info-color: #000;
	--bs-btn-info-bg: var(--github-info);
	--bs-btn-info-border-color: var(--github-info);
	--bs-btn-info-hover-color: #000;
	--bs-btn-info-hover-bg: #4493f8;
	--bs-btn-info-hover-border-color: #4493f8;
	--bs-btn-info-focus-shadow-rgb: 88, 166, 255; /* GitHub info focus */
	--bs-btn-info-active-color: #000;
	--bs-btn-info-active-bg: #317ef5;
	--bs-btn-info-active-border-color: #317ef5;
	--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(--github-info);
	--bs-btn-info-disabled-border-color: var(--github-info);
	
	/* Warning Button - GitHub Yellow */
	--bs-btn-warning-color: #000;
	--bs-btn-warning-bg: var(--github-warning);
	--bs-btn-warning-border-color: var(--github-warning);
	--bs-btn-warning-hover-color: #000;
	--bs-btn-warning-hover-bg: #b8860b;
	--bs-btn-warning-hover-border-color: #b8860b;
	--bs-btn-warning-focus-shadow-rgb: 210, 153, 34; /* GitHub warning focus */
	--bs-btn-warning-active-color: #000;
	--bs-btn-warning-active-bg: #a0750a;
	--bs-btn-warning-active-border-color: #a0750a;
	--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(--github-warning);
	--bs-btn-warning-disabled-border-color: var(--github-warning);
	
	/* Danger Button - GitHub Red */
	--bs-btn-danger-color: #fff;
	--bs-btn-danger-bg: var(--github-danger);
	--bs-btn-danger-border-color: var(--github-danger);
	--bs-btn-danger-hover-color: #fff;
	--bs-btn-danger-hover-bg: #da3633;
	--bs-btn-danger-hover-border-color: #da3633;
	--bs-btn-danger-focus-shadow-rgb: 248, 81, 73; /* GitHub danger focus */
	--bs-btn-danger-active-color: #fff;
	--bs-btn-danger-active-bg: #c1292d;
	--bs-btn-danger-active-border-color: #c1292d;
	--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(--github-danger);
	--bs-btn-danger-disabled-border-color: var(--github-danger);
	
	/* Light Button - GitHub Secondary */
	--bs-btn-light-color: #fff;
	--bs-btn-light-bg: var(--github-bg-secondary);
	--bs-btn-light-border-color: var(--github-bg-secondary);
	--bs-btn-light-hover-color: #fff;
	--bs-btn-light-hover-bg: #1c2228;
	--bs-btn-light-hover-border-color: #1c2228;
	--bs-btn-light-focus-shadow-rgb: 21, 27, 35; /* GitHub light focus */
	--bs-btn-light-active-color: #fff;
	--bs-btn-light-active-bg: #0f1419;
	--bs-btn-light-active-border-color: #0f1419;
	--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(--github-bg-secondary);
	--bs-btn-light-disabled-border-color: var(--github-bg-secondary);
	
	/* Dark Button - GitHub Text */
	--bs-btn-dark-color: #000;
	--bs-btn-dark-bg: var(--github-text-primary);
	--bs-btn-dark-border-color: var(--github-text-primary);
	--bs-btn-dark-hover-color: #000;
	--bs-btn-dark-hover-bg: #e1e7ed;
	--bs-btn-dark-hover-border-color: #e1e7ed;
	--bs-btn-dark-focus-shadow-rgb: 240, 246, 252; /* GitHub dark focus */
	--bs-btn-dark-active-color: #000;
	--bs-btn-dark-active-bg: #d2d8de;
	--bs-btn-dark-active-border-color: #d2d8de;
	--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(--github-text-primary);
	--bs-btn-dark-disabled-border-color: var(--github-text-primary);
	
	/* Link Button - GitHub Link */
	--bs-btn-link-color: #7bb3ff;
	--bs-btn-link-hover-color: var(--github-primary);
	--bs-btn-link-active-color: var(--github-primary);
	--bs-btn-link-disabled-color: var(--github-text-muted);
	--bs-btn-link-focus-shadow-rgb: 68, 147, 248; /* GitHub link focus */
	
	/* 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: 68, 147, 248; /* GitHub focus */
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-opacity: 0.65;
	
	/* ===== BOOTSTRAP COMPONENT VARIABLES - GITHUB COLORS ===== */
	/* List Group - GitHub Style */
	--bs-list-group-color: var(--github-text-primary);
	--bs-list-group-bg: var(--github-bg-primary);
	--bs-list-group-border-color: var(--github-border-primary);
	--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(--github-text-secondary);
	--bs-list-group-action-hover-color: var(--github-text-primary);
	--bs-list-group-action-hover-bg: var(--hover-bg);
	--bs-list-group-action-active-color: var(--github-text-primary);
	--bs-list-group-action-active-bg: var(--active-bg);
	--bs-list-group-disabled-color: var(--github-text-muted);
	--bs-list-group-disabled-bg: var(--github-bg-primary);
	--bs-list-group-active-color: #fff;
	--bs-list-group-active-bg: var(--github-primary);
	--bs-list-group-active-border-color: var(--github-primary);
	
	/* Dropdown - GitHub Style */
	--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(--github-text-primary);
	--bs-dropdown-bg: var(--github-bg-tertiary);
	--bs-dropdown-border-color: var(--github-border-primary);
	--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(--github-border-primary);
	--bs-dropdown-divider-margin-y: 0.5rem;
	--bs-dropdown-box-shadow: var(--shadow-card);
	--bs-dropdown-link-color: var(--github-text-primary);
	--bs-dropdown-link-hover-color: var(--github-text-primary);
	--bs-dropdown-link-hover-bg: var(--hover-dropdown);
	--bs-dropdown-link-active-color: #fff;
	--bs-dropdown-link-active-bg: var(--github-primary);
	--bs-dropdown-link-disabled-color: var(--github-text-muted);
	--bs-dropdown-item-padding-x: 1rem;
	--bs-dropdown-item-padding-y: 0.25rem;
	--bs-dropdown-header-color: var(--github-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 ===== */
	
	/* ===== TABLE VARIABLES - GITHUB DARK THEME ===== */
	--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 - GITHUB DARK THEME ===== */
	--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='%239198a1' 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='%233fb950' 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");

	/* ===== COMPONENT VARIABLES - GITHUB INSPIRED ===== */
	
	/* 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 - GITHUB COLORS */
	--bs-accordion-active-bg: var(--bs-primary-bg-subtle);
	--bs-accordion-active-color: var(--github-primary);
	--bs-accordion-bg: var(--github-bg-primary);
	--bs-accordion-body-padding-x: 1.25rem;
	--bs-accordion-body-padding-y: 1rem;
	--bs-accordion-border-color: var(--github-border-primary);
	--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='%234493f8'%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(--github-bg-primary);
	--bs-accordion-btn-color: var(--github-text-primary);
	--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(68, 147, 248, 0.25); /* GitHub blue focus */
	--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='%23f0f6fc' 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(--github-text-primary);
	--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;
	
	/* BREADCRUMB COMPONENT */
	--bs-breadcrumb-divider-color: var(--github-text-secondary);
	--bs-breadcrumb-item-active-color: var(--github-text-secondary);
	
	/* BUTTON COMPONENT */
	--bs-btn-color: var(--github-text-primary);
	--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);
	
	/* CARD COMPONENT - GITHUB STYLE */
	--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;
	--bs-card-bg: var(--github-bg-tertiary);
	--bs-card-border-color: var(--github-border-primary);
	--bs-card-border-radius: var(--bs-border-radius);
	--bs-card-border-width: var(--bs-border-width);
	
	/* CAROUSEL COMPONENT */
	--bs-carousel-caption-color: var(--github-text-primary);
	--bs-carousel-control-icon-filter: invert(1) grayscale(100);
	--bs-carousel-indicator-active-bg: var(--github-bg-secondary);
	
	/* FORM CHECK COMPONENT */
	--bs-form-check-bg: var(--github-bg-primary);
	
	/* MODAL COMPONENT - GITHUB STYLE */
	--bs-modal-bg: var(--github-bg-tertiary);
	--bs-modal-border-color: var(--github-border-primary);
	--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(--github-text-primary);
	--bs-modal-footer-bg: var(--github-bg-tertiary);
	--bs-modal-footer-border-color: var(--github-border-primary);
	--bs-modal-footer-border-width: var(--bs-border-width);
	--bs-modal-footer-gap: 0.5rem;
	--bs-modal-header-border-color: var(--github-border-primary);
	--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 - GITHUB COLORS */
	--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(--github-primary);
	--bs-nav-underline-gap: 1rem;
	--bs-nav-underline-border-width: 0.125rem;
	--bs-nav-link-color: #7bb3ff;
	--bs-nav-link-disabled-color: var(--github-text-muted);
	--bs-nav-link-hover-color: var(--github-primary);
	--bs-nav-pills-border-radius: var(--bs-border-radius);
	--bs-nav-tabs-border-color: var(--github-border-primary);
	--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(--github-bg-primary);
	--bs-nav-tabs-link-active-border-color: var(--github-border-primary) var(--github-border-primary) var(--github-bg-primary);
	--bs-nav-tabs-link-active-color: var(--github-text-primary);
	--bs-nav-tabs-link-hover-border-color: var(--github-border-translucent) var(--github-border-translucent) var(--github-border-primary);
	--bs-nav-underline-link-active-color: var(--github-text-primary);
	
	/* NAVBAR COMPONENT - GITHUB STYLE */
	--bs-navbar-padding-x: 0;
	--bs-navbar-padding-y: 0.5rem;
	--bs-navbar-color: var(--github-text-secondary);
	--bs-navbar-hover-color: var(--github-text-primary);
	--bs-navbar-disabled-color: var(--github-text-muted);
	--bs-navbar-active-color: var(--github-text-primary);
	--bs-navbar-brand-color: var(--github-text-primary);
	--bs-navbar-brand-hover-color: var(--github-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(145, 152, 161, 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%28240, 246, 252, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	--bs-navbar-toggler-border-radius: var(--bs-border-radius);
	
	/* OFFCANVAS COMPONENT */
	--bs-offcanvas-bg: var(--github-bg-tertiary);
	--bs-offcanvas-border-color: var(--github-border-primary);
	--bs-offcanvas-border-width: var(--bs-border-width);
	--bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
	--bs-offcanvas-color: var(--github-text-primary);
	--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 - GITHUB COLORS */
	--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(--github-primary);
	--bs-pagination-active-border-color: var(--github-primary);
	--bs-pagination-bg: var(--github-bg-primary);
	--bs-pagination-border-color: var(--github-border-primary);
	--bs-pagination-border-radius: var(--bs-border-radius);
	--bs-pagination-border-width: var(--bs-border-width);
	--bs-pagination-color: #7bb3ff;
	--bs-pagination-disabled-bg: var(--github-bg-secondary);
	--bs-pagination-disabled-border-color: var(--github-border-primary);
	--bs-pagination-disabled-color: var(--github-text-muted);
	--bs-pagination-focus-bg: var(--github-bg-secondary);
	--bs-pagination-focus-color: var(--github-primary);
	--bs-pagination-hover-bg: var(--github-bg-tertiary);
	--bs-pagination-hover-border-color: var(--github-border-primary);
	--bs-pagination-hover-color: var(--github-primary);
	
	/* POPOVER COMPONENT - GITHUB STYLE */
	--bs-popover-arrow-border: var(--github-border-primary);
	--bs-popover-arrow-height: 0.5rem;
	--bs-popover-arrow-width: 1rem;
	--bs-popover-bg: var(--github-bg-tertiary);
	--bs-popover-body-color: var(--github-text-primary);
	--bs-popover-body-padding-x: 1rem;
	--bs-popover-body-padding-y: 0.5rem;
	--bs-popover-border-color: var(--github-border-primary);
	--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(--github-bg-secondary);
	--bs-popover-header-color: var(--github-text-primary);
	--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 - GITHUB COLORS */
	--bs-progress-height: 1rem;
	--bs-progress-font-size: 0.75rem;
	--bs-progress-bar-color: #fff;
	--bs-progress-bar-bg: var(--github-primary);
	--bs-progress-bar-transition: width 0.6s ease;
	--bs-progress-bg: var(--github-bg-secondary);
	--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 - GITHUB COLORS */
	--bs-table-active-color: var(--github-text-primary);
	--bs-table-bg: transparent;
	--bs-table-border-color: var(--github-border-primary);
	--bs-table-color: var(--github-text-primary);
	--bs-table-hover-color: var(--github-text-primary);
	--bs-table-striped-color: var(--github-text-primary);
	
	/* TOAST COMPONENT - GITHUB STYLE */
	--bs-toast-bg: rgba(var(--github-bg-tertiary), 0.85);
	--bs-toast-border-color: var(--github-border-primary);
	--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: var(--github-text-primary);
	--bs-toast-font-size: 0.875rem;
	--bs-toast-header-bg: rgba(var(--github-bg-secondary), 0.85);
	--bs-toast-header-border-color: var(--github-border-primary);
	--bs-toast-header-color: var(--github-text-secondary);
	--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 - GITHUB STYLE */
	--bs-tooltip-arrow-height: 0.4rem;
	--bs-tooltip-arrow-width: 0.8rem;
	--bs-tooltip-bg: var(--github-bg-secondary);
	--bs-tooltip-border-radius: var(--bs-border-radius);
	--bs-tooltip-color: var(--github-text-primary);
	--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;
	
	/* CLOSE BUTTON VARIABLES - GITHUB DARK THEME */
	--bs-btn-close-color: var(--github-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='%23f0f6fc'%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;

	/* ===== USER RANK VARIABLES - GITHUB COLORS INSPIRED ===== */
	/* UC_USER (0) - Újonc */
	--rank-0-color: var(--github-text-muted);
	--rank-0-weight: 400;
	--rank-0-shadow: none;
	
	/* UC_FELHASZNALO (1) - Felhasználó */
	--rank-1-color: var(--github-success);
	--rank-1-weight: 500;
	--rank-1-shadow: 0 0 8px rgba(63, 185, 80, 0.3);
	
	/* UC_POWER_USER (2) - Tag */
	--rank-2-color: var(--github-info);
	--rank-2-weight: 600;
	--rank-2-shadow: 0 0 10px rgba(88, 166, 255, 0.3);
	
	/* UC_VETERAN (3) - Veterán */
	--rank-3-color: var(--github-warning);
	--rank-3-weight: 600;
	--rank-3-shadow: 0 0 12px rgba(210, 153, 34, 0.3);
	--rank-3-decoration: underline;
	--rank-3-decoration-color: rgba(210, 153, 34, 0.5);
	
	/* UC_VIP (4) - VIP */
	--rank-4-color: #e57c8a;
	--rank-4-weight: 700;
	--rank-4-shadow: 0 0 15px rgba(229, 124, 138, 0.4);
	--rank-4-bg: linear-gradient(90deg, transparent, rgba(229, 124, 138, 0.1), transparent);
	--rank-4-padding: 2px 4px;
	--rank-4-radius: 3px;
	
	/* UC_UPLOADER (5) - Feltöltő */
	--rank-5-color: #ab47bc;
	--rank-5-weight: 600;
	--rank-5-shadow: 0 0 12px rgba(171, 71, 188, 0.3);
	--rank-5-icon: " ⬆";
	--rank-5-icon-size: 0.8em;
	--rank-5-icon-opacity: 0.7;
	
	/* UC_HELPDESK (6) - HelpDesk */
	--rank-6-color: #4fc3f7;
	--rank-6-weight: 600;
	--rank-6-shadow: 0 0 12px rgba(79, 195, 247, 0.3);
	--rank-6-border: 1px dotted rgba(79, 195, 247, 0.5);
	--rank-6-icon: "🛠 ";
	--rank-6-icon-size: 0.9em;
	
	/* UC_MODERATOR (7) - Moderátor */
	--rank-7-color: #ffa726;
	--rank-7-weight: 700;
	--rank-7-shadow: 0 0 15px rgba(255, 167, 38, 0.4);
	--rank-7-bg: linear-gradient(90deg, rgba(255, 167, 38, 0.1), transparent);
	--rank-7-border-left: 3px solid rgba(255, 167, 38, 0.5);
	--rank-7-padding-left: 6px;
	
	/* UC_ADMINISTRATOR (8) - Adminisztrátor */
	--rank-8-color: var(--github-danger);
	--rank-8-weight: 700;
	--rank-8-shadow: 0 0 18px rgba(248, 81, 73, 0.5);
	--rank-8-bg: linear-gradient(135deg, rgba(248, 81, 73, 0.15), transparent, rgba(248, 81, 73, 0.15));
	--rank-8-padding: 3px 6px;
	--rank-8-radius: 4px;
	--rank-8-border: 1px solid rgba(248, 81, 73, 0.3);
	
	/* UC_SYSOP (9) - Staffvezető */
	--rank-9-color: #ff6b6b;
	--rank-9-weight: 800;
	--rank-9-shadow: 0 0 20px rgba(255, 107, 107, 0.6);
	--rank-9-bg: linear-gradient(45deg, rgba(255, 107, 107, 0.2), rgba(255, 107, 107, 0.05));
	--rank-9-padding: 4px 8px;
	--rank-9-radius: 6px;
	--rank-9-border: 2px solid rgba(255, 107, 107, 0.4);
	--rank-9-animation: glow 2s ease-in-out infinite alternate;
	
	/* UC_STAFFLEADER (10) - Tulajdonos */
	--rank-10-color: #ff3d71;
	--rank-10-weight: 900;
	--rank-10-shadow: 0 0 25px rgba(255, 61, 113, 0.8);
	--rank-10-bg: linear-gradient(90deg, rgba(255, 61, 113, 0.3), rgba(255, 61, 113, 0.1), rgba(255, 61, 113, 0.3));
	--rank-10-padding: 5px 10px;
	--rank-10-radius: 8px;
	--rank-10-border: 2px solid rgba(255, 61, 113, 0.6);
	--rank-10-animation: crown-glow 3s ease-in-out infinite;
	--rank-10-icon: "👑 ";
	--rank-10-icon-filter: drop-shadow(0 0 8px rgba(255, 61, 113, 0.8));
	
	/* UC_LOL (11) - Coder */
	--rank-11-color: #26c6da;
	--rank-11-weight: 700;
	--rank-11-shadow: 0 0 15px rgba(38, 198, 218, 0.5);
	--rank-11-font-family: 'Consolas', 'Monaco', monospace;
	--rank-11-bg: linear-gradient(90deg, rgba(38, 198, 218, 0.1), transparent);
	--rank-11-border: 1px dashed rgba(38, 198, 218, 0.4);
	--rank-11-padding: 2px 6px;
	--rank-11-radius: 4px;
	--rank-11-icon: " </>";
	--rank-11-icon-size: 0.8em;
	--rank-11-icon-opacity: 0.7;

	/* ===== GITHUB CODE HIGHLIGHTING COLORS ===== */
	--code-comment: var(--github-text-muted);
	--code-constant: #79c0ff;
	--code-entity: #d2a8ff;
	--code-keyword: #ff7b72;
	--code-storage: #ff7b72;
	--code-string: #a5d6ff;
	--code-support: #79c0ff;
	--code-variable: #ffa657;
	
	/* ===== GITHUB PRETTYLIGHTS SYNTAX ===== */
	--syntax-comment: var(--github-text-secondary);
	--syntax-constant: #79c0ff;
	--syntax-entity: #d2a8ff;
	--syntax-keyword: #ff7b72;
	--syntax-markup-bold: var(--github-text-primary);
	--syntax-markup-heading: var(--github-primary);
	--syntax-markup-italic: var(--github-text-primary);
	--syntax-markup-list: #f2cc60;
	--syntax-string: #a5d6ff;
	--syntax-string-regexp: #7ee787;
	--syntax-variable: #ffa657;
	
	/* ===== GITHUB ANSI COLORS ===== */
	--ansi-black: #2f3742;
	--ansi-black-bright: var(--github-text-muted);
	--ansi-blue: var(--github-info);
	--ansi-blue-bright: #79c0ff;
	--ansi-cyan: #39c5cf;
	--ansi-cyan-bright: #56d4dd;
	--ansi-gray: var(--github-text-muted);
	--ansi-green: var(--github-success);
	--ansi-green-bright: #56d364;
	--ansi-magenta: #be8fff;
	--ansi-magenta-bright: #d2a8ff;
	--ansi-red: #ff7b72;
	--ansi-red-bright: #ffa198;
	--ansi-white: var(--github-text-primary);
	--ansi-white-bright: #ffffff;
	--ansi-yellow: var(--github-warning);
	--ansi-yellow-bright: #e3b341;

	/* ===== GITHUB CONTRIBUTION GRAPH COLORS ===== */
	--contribution-level-0: var(--github-bg-secondary);
	--contribution-level-1: #0e4429;
	--contribution-level-2: #006d32;
	--contribution-level-3: #26a641;
	--contribution-level-4: #39d353;
	--contribution-border: rgba(13, 17, 23, 0.05);
	
	/* ===== GITHUB DIFF COLORS ===== */
	--diff-addition-bg: rgba(35, 134, 54, 0.15);
	--diff-addition-border: rgba(35, 134, 54, 0.4);
	--diff-addition-text: var(--github-text-primary);
	--diff-deletion-bg: rgba(248, 81, 73, 0.15);
	--diff-deletion-border: rgba(248, 81, 73, 0.4);
	--diff-deletion-text: var(--github-text-primary);
	--diff-hunk-bg: rgba(68, 147, 248, 0.1);
	--diff-hunk-border: rgba(68, 147, 248, 0.4);

	/* ===== GITHUB LABEL COLORS - DATA VISUALIZATION ===== */
	--data-red: var(--github-danger);
	--data-orange: #db6d28;
	--data-yellow: var(--github-warning);
	--data-green: var(--github-success);
	--data-blue: var(--github-primary);
	--data-purple: #8957e5;
	--data-pink: #d34591;
	--data-gray: var(--github-text-muted);
	
	/* ===== GITHUB NOTIFICATION COLORS ===== */
	--notification-unread: var(--github-primary);
	--notification-read: var(--github-text-muted);
	--notification-success: var(--github-success);
	--notification-warning: var(--github-warning);
	--notification-error: var(--github-danger);
	--notification-info: var(--github-info);

	/* ===== GITHUB TIMELINE COLORS ===== */
	--timeline-badge-bg: var(--github-bg-tertiary);
	--timeline-badge-border: var(--github-border-primary);
	--timeline-item-bg: var(--github-bg-secondary);
	--timeline-item-border: var(--github-border-primary);

	/* ===== GITHUB REACTION COLORS ===== */
	--reaction-thumb-up: var(--github-success);
	--reaction-thumb-down: var(--github-danger);
	--reaction-laugh: var(--github-warning);
	--reaction-hooray: #8957e5;
	--reaction-confused: #db6d28;
	--reaction-heart: #d34591;
	--reaction-rocket: var(--github-info);
	--reaction-eyes: var(--github-text-muted);

	/* ===== GITHUB STATUS COLORS ===== */
	--status-pending: var(--github-warning);
	--status-success: var(--github-success);
	--status-failure: var(--github-danger);
	--status-neutral: var(--github-text-muted);
	--status-cancelled: var(--github-text-muted);
	--status-timed-out: var(--github-warning);
	--status-action-required: var(--github-warning);
}

/* ===== RANK ANIMATIONS - GITHUB INSPIRED ===== */
@keyframes glow {
	from {
		text-shadow: 0 0 20px rgba(255, 107, 107, 0.6);
	}
	to {
		text-shadow: 0 0 30px rgba(255, 107, 107, 0.8), 0 0 40px rgba(255, 107, 107, 0.4);
	}
}

@keyframes crown-glow {
	0% {
		text-shadow: 0 0 25px rgba(255, 61, 113, 0.8);
		box-shadow: 0 0 20px rgba(255, 61, 113, 0.3);
	}
	50% {
		text-shadow: 0 0 35px rgba(255, 61, 113, 1), 0 0 45px rgba(255, 61, 113, 0.6);
		box-shadow: 0 0 30px rgba(255, 61, 113, 0.5);
	}
	100% {
		text-shadow: 0 0 25px rgba(255, 61, 113, 0.8);
		box-shadow: 0 0 20px rgba(255, 61, 113, 0.3);
	}
}

/* ===== GITHUB PULSE ANIMATION ===== */
@keyframes github-pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(68, 147, 248, 0.7);
	}
	70% {
		box-shadow: 0 0 0 10px rgba(68, 147, 248, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(68, 147, 248, 0);
	}
}

/* ===== GITHUB FADE IN ANIMATION ===== */
@keyframes github-fade-in {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* ===== GITHUB SLIDE IN ANIMATION ===== */
@keyframes github-slide-in {
	from {
		transform: translateX(-100%);
		opacity: 0;
	}
	to {
		transform: translateX(0);
		opacity: 1;
	}
}

/* ===== GITHUB SHIMMER ANIMATION ===== */
@keyframes github-shimmer {
	0% {
		background-position: -200px 0;
	}
	100% {
		background-position: calc(200px + 100%) 0;
	}
}

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

/* ===== GITHUB MEDIA QUERIES FOR REDUCED MOTION ===== */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
	
	.github-pulse,
	.rank-animation,
	.shimmer-effect {
		animation: none !important;
	}
}

/* ===== GITHUB HIGH CONTRAST MODE ===== */
@media (prefers-contrast: high) {
	:root {
		--github-border-primary: #ffffff;
		--github-text-muted: #cccccc;
		--focus-shadow: rgba(255, 255, 255, 0.5);
		--focus-shadow-strong: rgba(255, 255, 255, 0.8);
	}
}

/* ===== GITHUB PRINT STYLES ===== */
@media print {
	:root {
		--github-bg-primary: #ffffff;
		--github-bg-secondary: #f8f9fa;
		--github-bg-tertiary: #f1f3f4;
		--github-text-primary: #000000;
		--github-text-secondary: #333333;
		--github-text-muted: #666666;
		--github-border-primary: #cccccc;
		--github-border-secondary: #999999;
	}
	
	.shadow-lg,
	.shadow-md,
	.shadow-sm {
		box-shadow: none !important;
	}
	
	.gradient-primary,
	.gradient-secondary,
	.gradient-success,
	.gradient-warning,
	.gradient-danger,
	.gradient-info {
		background: var(--github-bg-secondary) !important;
	}
}