:root,
[data-bs-theme="light"],
[data-bs-theme="dark"] {
	color-scheme: dark;

	/* Alappaletta */
	--ml-warm: #123C3D;
	--ml-warm-deep: #0C3031;
	--ml-cool: #0B3435;
	--ml-cool-deep: #072B2C;
	--ml-cool-light: #154647;
	--ml-surface: #0D3839;
	--ml-surface-raised: #134243;
	--ml-surface-hover: #195052;
	--ml-border: #146166;
	--ml-border-soft: rgba(95, 210, 218, .18);
	--ml-text: #D9F1F2;
	--ml-muted: #B7CFD0;
	--ml-dim: #77999A;
	--ml-accent: #368c91;
	--ml-accent-hover: #41aab0;
	--ml-accent-active: #38B8C2;
	--ml-accent-soft: rgba(103, 220, 227, .16);
	--ml-accent-softer: rgba(103, 220, 227, .09);
	--ml-shadow: 0 18px 48px rgba(0, 0, 0, .38);
	--ml-focus: 0 0 0 .22rem rgba(103, 220, 227, .24);

	/* rádió lejátszó színek */

	--radio-docked-height: 4.85rem;
	--radio-bg-1: #062829;
	--radio-bg-2: #0A3132;
	--radio-bg-3: #114243;
	--radio-surface: rgba(217, 241, 242, .055);
	--radio-surface-hover: rgba(217, 241, 242, .10);
	--radio-border: rgba(103, 220, 227, .20);
	--radio-text: #D9F1F2;
	--radio-muted: #A9C3C5;
	--radio-accent: #67DCE3;
	--radio-accent-strong: #38B8C2;
	--radio-shadow: rgba(0, 0, 0, .38);
	--radio-warm: #123C3D;
	--radio-warm-deep: #0C3031;
	--radio-cool: #0B3435;
	--radio-cool-light: #154647;
	--radio-panel: #0D3B3C;
	--radio-accent: #67DCE3;
	--radio-accent-hover: #8BE9EE;
	--radio-text: #D9F1F2;
	--radio-muted: #A9C3C5;
	--radio-dim: #6F9294;

	/*	Oldalsáv */
				--sidebar-bg: var(--radio-warm);
				--sidebar-bg-deep: var(--radio-cool);
				--sidebar-surface: rgba(217, 241, 242, .055);
				--sidebar-surface-hover: rgba(103, 220, 227, .12);
				--sidebar-border: rgba(103, 220, 227, .20);
				--sidebar-text: var(--radio-text);
				--sidebar-muted: var(--radio-muted);
				--sidebar-accent: var(--radio-accent);
				--sidebar-accent-strong: var(--radio-accent-hover);
				--sidebar-danger: #ED6464;
				--sidebar-shadow: 0 18px 48px rgba(0, 0, 0, .42);

				/* Color tokens */
				--color-transparent: transparent;
				--color-white: #ffffff;
				--color-sidebar-gradient-mid: #0f2c30;

				--color-accent-105: rgba(32, 199, 181, .105);
				--color-accent-12: rgba(32, 199, 181, .12);
				--color-accent-13: rgba(32, 199, 181, .13);
				--color-accent-14: rgba(32, 199, 181, .14);
				--color-accent-145: rgba(32, 199, 181, .145);
				--color-accent-15: rgba(32, 199, 181, .15);
				--color-accent-18: rgba(32, 199, 181, .18);
				--color-accent-19: rgba(32, 199, 181, .19);
				--color-accent-22: rgba(32, 199, 181, .22);
				--color-accent-24: rgba(32, 199, 181, .24);
				--color-accent-28: rgba(32, 199, 181, .28);
				--color-accent-30: rgba(32, 199, 181, .30);
				--color-accent-34: rgba(32, 199, 181, .34);

				--color-accent-light-58: rgba(72, 220, 204, .58);
				--color-accent-light-62: rgba(72, 220, 204, .62);

				--color-danger-11: rgba(255, 105, 120, .11);
				--color-danger-24: rgba(255, 105, 120, .24);

				--color-white-035: rgba(255, 255, 255, .035);
				--color-white-04: rgba(255, 255, 255, .04);
				--color-white-045: rgba(255, 255, 255, .045);
				--color-white-09: rgba(255, 255, 255, .09);
				--color-white-10: rgba(255, 255, 255, .10);
				--color-white-16: rgba(255, 255, 255, .16);
				--color-white-18: rgba(255, 255, 255, .18);

				--color-black-18: rgba(0, 0, 0, .18);
				--color-black-24: rgba(0, 0, 0, .24);
				--color-black-26: rgba(0, 0, 0, .26);
				--color-black-28: rgba(0, 0, 0, .28);
				--color-black-58: rgba(0, 0, 0, .58);

				--color-slate-18: rgba(66, 78, 104, .18);
				/* --color-account-menu: rgba(17, 20, 29, .88); */
				--color-account-menu: rgba(34, 70, 74, 1);
				--color-topbar-warm: rgba(45, 27, 30, .98);
				--color-topbar-center: rgba(22, 26, 36, .98);
				--color-topbar-cool: rgba(33, 40, 55, .98);
				--color-mobile-nav: rgba(15, 45, 49, .985);
			

	/* Müsor beosztás */
	--mb-surface: #082B2C99; 
	/* --mb-surface: transparent; csak teszt */
    --mb-surface-2: #0B3435;
    --mb-surface-3: #104041;
    --mb-toolbar: #062526;
    --mb-border: #15585C;
    --mb-border-soft: rgba(103, 220, 227, .10);
    --mb-text: #D9F1F2;
    --mb-muted: #A8C2C4;
    --mb-accent: #67DCE3;
    --mb-accent-hover: #8BE9EE;
    --mb-accent-soft: rgba(103, 220, 227, .12);
    --mb-success: #4FD18D;
    --mb-danger: #ED6464;

	/* Bootstrap szemantikus paletta – nincs gyári kék/zöld/sárga */
	--bs-blue: #4FBAC6;
	--bs-indigo: #4F929E;
	--bs-purple: #6BA6AE;
	--bs-pink: #82BBC0;
	--bs-red: #ED6464;
	--bs-orange: #D99558;
	--bs-yellow: #E0A85F;
	--bs-green: #4FD18D;
	--bs-teal: #38B8C2;
	--bs-cyan: #67DCE3;

	--bs-primary: #4a999e;
	--bs-primary-rgb: 103, 220, 227;
	--bs-secondary: #607C7E;
	--bs-secondary-rgb: 96, 124, 126;
	--bs-success: #4FD18D;
	--bs-success-rgb: 79, 209, 141;
	--bs-info: #63CAD2;
	--bs-info-rgb: 99, 202, 210;
	--bs-warning: #E0A85F;
	--bs-warning-rgb: 224, 168, 95;
	--bs-danger: #ED6464;
	--bs-danger-rgb: 237, 100, 100;
	--bs-light: #D9F1F2;
	--bs-light-rgb: 217, 241, 242;
	--bs-dark: #072B2C;
	--bs-dark-rgb: 7, 43, 44;

	--bs-body-color: #D9F1F2;
	--bs-body-color-rgb: 217, 241, 242;
	--bs-body-bg: #072B2C;
	--bs-body-bg-rgb: 7, 43, 44;
	--bs-emphasis-color: #EAF5F5;
	--bs-emphasis-color-rgb: 234, 245, 245;
	--bs-secondary-color: rgba(230, 244, 244, .68);
	--bs-secondary-color-rgb: 217, 241, 242;
	--bs-secondary-bg: #0D3839;
	--bs-secondary-bg-rgb: 13, 56, 57;
	--bs-tertiary-color: rgba(230, 244, 244, .48);
	--bs-tertiary-color-rgb: 217, 241, 242;
	--bs-tertiary-bg: #134243;
	--bs-tertiary-bg-rgb: 19, 66, 67;

	--bs-link-color: #8BE9EE;
	--bs-link-color-rgb: 139, 233, 238;
	--bs-link-hover-color: #B5F3F6;
	--bs-link-hover-color-rgb: 181, 243, 246;
	--bs-code-color: #9CECF0;
	--bs-highlight-color: #E6F4F4;
	--bs-highlight-bg: rgba(80, 178, 183, .20);

	--bs-border-color: #146166;
	--bs-border-color-translucent: rgba(95, 210, 218, .18);
	--bs-border-radius: .75rem;
	--bs-border-radius-sm: .55rem;
	--bs-border-radius-lg: 1rem;
	--bs-border-radius-xl: 1.2rem;
	--bs-border-radius-xxl: 1.5rem;
	--bs-box-shadow: 0 .75rem 2.2rem rgba(0, 0, 0, .30);
	--bs-box-shadow-sm: 0 .3rem 1rem rgba(0, 0, 0, .24);
	--bs-box-shadow-lg: 0 1.2rem 3.2rem rgba(0, 0, 0, .42);
	--bs-focus-ring-color: rgba(103, 220, 227, .25);
	--bs-form-valid-color: #7DE2AC;
	--bs-form-valid-border-color: #4FD18D;
	--bs-form-invalid-color: #F18A8A;
	--bs-form-invalid-border-color: #ED6464;

	/* ======================================================================
	   KIBŐVÍTETT KOMPATIBILITÁSI RÉTEG
	   Az első fájlból átvett, itt korábban hiányzó komponensváltozók.
	   A színek a meglévő sötét, petrol–türkiz palettához igazodnak.
	   ====================================================================== */

	/* ===== GITHUB CORE COLORS - EXTRACTED AND HARMONIZED ===== */
	--github-primary: var(--ml-accent);
	--github-secondary: var(--bs-secondary);
	--github-success: var(--bs-success);
	--github-danger: var(--ml-accent-active);
	--github-warning: var(--bs-warning);
	--github-info: var(--bs-info);

	/* GitHub Background Colors */
	--github-bg-primary: var(--ml-cool-deep);
	--github-bg-secondary: var(--ml-cool);
	--github-bg-tertiary: var(--ml-surface);
	--github-bg-emphasis: var(--ml-surface-raised);
	--github-bg-muted: var(--ml-cool-light);
	--github-bg-neutral: rgba(187, 211, 212, .08);

	/* GitHub Text Colors */
	--github-text-primary: var(--ml-text);
	--github-text-secondary: var(--ml-muted);
	--github-text-muted: var(--ml-dim);
	--github-text-emphasis: #EAF5F5;

	/* GitHub Border Colors */
	--github-border-primary: var(--ml-border);
	--github-border-secondary: #184D4F;
	--github-border-muted: var(--ml-border-soft);
	--github-border-translucent: var(--ml-border-soft);
	--bs-black: #041F20;
	--bs-white: #EAF5F5;
	--bs-gray: var(--ml-muted);
	--bs-gray-dark: var(--ml-surface);

	/* ===== GITHUB-INSPIRED GRAY SCALE ===== */
	--bs-gray-100: #E6F4F4;
	--bs-gray-200: #CCE4E5;
	--bs-gray-300: #9AB6B7;
	--bs-gray-400: #749697;
	--bs-gray-500: #3F6B6D;
	--bs-gray-600: #174B4D;
	--bs-gray-700: #103D3E;
	--bs-gray-800: #093031;
	--bs-gray-900: #062829;

	/* ===== 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: #EAF5F5;
	--bs-btn-disabled-bg: var(--bs-secondary);
	--bs-btn-disabled-border-color: var(--bs-secondary);
	--bs-btn-disabled-color: #EAF5F5;
	--bs-btn-hover-bg: var(--bs-primary);
	--bs-btn-hover-color: #EAF5F5;
	--bs-nav-link-font-size: var(--bs-font-size-base);
	--bs-white-rgb: 234, 245, 245;
	--bs-black-rgb: 4, 31, 32;

	/* ===== TEXT EMPHASIS COLORS - GITHUB INSPIRED ===== */
	--bs-primary-text-emphasis: #50B2B7;
	--bs-secondary-text-emphasis: #CCE4E5;
	--bs-success-text-emphasis: #3EA976;
	--bs-info-text-emphasis: #4DA4AA;
	--bs-warning-text-emphasis: #AC8A53;
	--bs-danger-text-emphasis: #B65657;
	--bs-light-text-emphasis: #E6F4F4;
	--bs-dark-text-emphasis: #EAF5F5;

	/* ===== BACKGROUND SUBTLE COLORS - GITHUB ALPHA PATTERNS ===== */
	--bs-primary-bg-subtle: rgba(80, 178, 183, .14);
	--bs-secondary-bg-subtle: rgba(29, 83, 85, .14);
	--bs-success-bg-subtle: rgba(62, 169, 118, .14);
	--bs-info-bg-subtle: rgba(77, 164, 170, .14);
	--bs-warning-bg-subtle: rgba(172, 138, 83, .14);
	--bs-danger-bg-subtle: rgba(182, 86, 87, .16);
	--bs-light-bg-subtle: rgba(204, 228, 229, .10);
	--bs-dark-bg-subtle: var(--ml-cool-deep);

	/* ===== BORDER SUBTLE COLORS - GITHUB ALPHA PATTERNS ===== */
	--bs-primary-border-subtle: rgba(80, 178, 183, .34);
	--bs-secondary-border-subtle: rgba(116, 150, 151, .28);
	--bs-success-border-subtle: rgba(62, 169, 118, .30);
	--bs-info-border-subtle: rgba(77, 164, 170, .30);
	--bs-warning-border-subtle: rgba(172, 138, 83, .32);
	--bs-danger-border-subtle: rgba(182, 86, 87, .36);
	--bs-light-border-subtle: rgba(204, 228, 229, .24);
	--bs-dark-border-subtle: var(--ml-border);

	/* Logo */
	--bg-logo-url: url("itorrent_logo_v5.svg");
	--bg-logo-height: 150px;

	/* Primary Colors - GitHub Based */
	--color-primary: var(--ml-accent);
	--color-primary-light: var(--ml-accent-hover);
	--color-primary-dark: var(--ml-accent-active);
	--color-secondary: var(--bs-secondary);
	--color-accent: var(--ml-accent);
	--color-success: var(--bs-success);
	--color-warning: var(--bs-warning);
	--color-danger: var(--bs-danger);
	--color-info: var(--bs-info);

	/* Background Colors - GitHub Inspired */
	--bg-primary: var(--ml-cool-deep);
	--bg-secondary: var(--ml-cool);
	--bg-tertiary: var(--ml-surface);
	--bg-accent: var(--ml-surface-raised);
	--bg-chat: var(--ml-cool);
	--bg-messages: var(--ml-cool);
	--bg-modal: var(--ml-surface);
	--bg-card: var(--ml-surface);
	--bg-card-header: rgba(234, 245, 245, .035);
	--bg-navbar: rgba(6, 40, 41, .94);
	--bg-form: rgba(7, 42, 43, .88);
	--bg-highlight: rgba(80, 178, 183, .14);

	/* Text Colors - GitHub Palette */
	--text-primary: var(--ml-text);
	--text-secondary: var(--ml-muted);
	--text-muted: var(--ml-dim);
	--text-accent: var(--ml-accent-hover);
	--text-inverse: #EAF5F5;
	--text-dim: var(--ml-dim);
	--text-success: #3EA976;
	--text-warning: #AC8A53;
	--text-danger: #B65657;
	--text-info: #4DA4AA;

	/* Border Colors - GitHub Inspired */
	--border-primary: var(--ml-border);
	--border-secondary: #184D4F;
	--border-accent: var(--ml-accent);
	--border-chat: var(--ml-border);
	--border-message: var(--ml-border-soft);
	--border-navbar: var(--ml-border-soft);
	--border-card: var(--ml-border-soft);
	--border-focus: var(--ml-accent);
	--border-success: var(--bs-success);
	--border-warning: var(--bs-warning);
	--border-danger: var(--bs-danger);
	--border-info: var(--bs-info);

	/* Interactive States - GitHub Inspired */
	--hover-bg: rgba(80, 178, 183, .08);
	--hover-bg-secondary: var(--ml-surface-hover);
	--hover-navbar: rgba(112, 146, 147, .09);
	--hover-card: var(--ml-surface-hover);
	--hover-card-header: rgba(234, 245, 245, .06);
	--hover-nav-link: rgba(80, 178, 183, .09);
	--hover-dropdown: rgba(112, 146, 147, .10);
	--active-bg: rgba(80, 178, 183, .16);
	--focus-color: var(--ml-accent);
	--focus-shadow: rgba(80, 178, 183, .22);
	--focus-shadow-strong: rgba(80, 178, 183, .38);

	/* 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(234, 245, 245, 0.15), rgba(234, 245, 245, 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;

	/* Link Colors - GitHub Inspired */
	--bs-heading-color: inherit;
	--bs-link-decoration: underline;

	/* Border System - GitHub Borders */
	--bs-border-width: 1px;
	--bs-border-style: solid;
	--bs-border-radius-2xl: var(--bs-border-radius-xxl);
	--bs-border-radius-pill: 50rem;
	--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);

	/* Focus Ring - GitHub Blue */
	--bs-focus-ring-width: 0.25rem;
	--bs-focus-ring-opacity: 0.25;

	/* ===== PRIVATE MESSAGES - GITHUB HARMONIZED ===== */
	--pm-bg-sent: rgba(80, 178, 183, .16);
	--pm-bg-received: var(--ml-surface);
	--pm-border-sent: rgba(80, 178, 183, .38);
	--pm-border-received: var(--ml-border-soft);
	--pm-text-sent: var(--ml-text);
	--pm-text-received: var(--ml-text);
	--pm-unread-accent: var(--ml-accent);
	--pm-online-status: var(--bs-success);
	--pm-offline-status: var(--ml-dim);
	--pm-typing-color: var(--ml-accent-hover);

	/* ===== MESSAGES SPECIFIC VARIABLES ===== */
	--message-sent: var(--ml-accent);
	--message-received: var(--ml-surface);
	--message-hover: rgba(80, 178, 183, .10);
	--message-bg-chat: var(--ml-cool-deep);
	--message-bg-form: var(--ml-surface);
	--message-border-chat: var(--ml-border);
	--message-border-message: var(--ml-border-soft);

	/* ===== 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: rgba(80, 178, 183, .12);
	--reaction-border: rgba(80, 178, 183, .30);
	--reaction-hover: rgba(80, 178, 183, .18);
	--reaction-active: rgba(80, 178, 183, .24);
	--reaction-shadow: rgba(80, 178, 183, .30);

	/* ===== GRADIENTS - GITHUB INSPIRED ===== */
	/* --gradient-primary: linear-gradient(135deg, #67DCE3 0%, #38B8C2 100%); */
	--gradient-primary: linear-gradient(135deg, #0F7379 0%, #125E63 100%);
	--gradient-primary-hover: linear-gradient(135deg, #125E63 100%, #0F7379 0%);
	--gradient-secondary: linear-gradient(135deg, #3A686A 0%, #174B4D 100%);
	--gradient-secondary-hover: linear-gradient(135deg, #638486 0%, #1D5355 100%);
	--gradient-success: linear-gradient(135deg, #3EA976 0%, #3EA976 100%);
	--gradient-success-hover: linear-gradient(135deg, #3EA976 0%, #3EA976 100%);
	--gradient-warning: linear-gradient(135deg, #AC8A53 0%, #AC8A53 100%);
	--gradient-warning-hover: linear-gradient(135deg, #AC8A53 0%, #AC8A53 100%);
	--gradient-danger: linear-gradient(135deg, var(--ml-accent) 0%, #B65657 100%);
	--gradient-danger-hover: linear-gradient(135deg, var(--ml-accent-hover) 0%, var(--ml-accent-active) 100%);
	--gradient-info: linear-gradient(135deg, #4DA4AA 0%, #4DA4AA 100%);
	--gradient-info-hover: linear-gradient(135deg, #4DA4AA 0%, #4DA4AA 100%);
	--gradient-header: linear-gradient(180deg, #12546A 0%, #073D40 100%);
	--gradient-header-hover: linear-gradient(180deg, #176378 0%, #0B484A 100%);
	--gradient-card-header: linear-gradient(135deg, rgba(234, 245, 245, .045), rgba(112, 146, 147, .055));
	--gradient-card-header-hover: linear-gradient(135deg, rgba(234, 245, 245, .065), rgba(112, 146, 147, .09));
	--gradient-accent: linear-gradient(135deg, #38B8C2, #8BE9EE);
	--gradient-pm-sent: linear-gradient(135deg, rgba(80, 178, 183, .22), rgba(80, 178, 183, .14));
	--gradient-pm-received: linear-gradient(135deg, var(--ml-surface-raised), var(--ml-surface));
	--gradient-body: linear-gradient(145deg, #0C3031 0%, #072B2C 42%, #0B3435 100%);
	--gradient-card: linear-gradient(145deg, rgba(13, 56, 57, .96), rgba(7, 43, 44, .98) 58%, rgba(17, 66, 67, .96));
	--gradient-navbar: linear-gradient(180deg, rgba(22, 67, 68, .98), rgba(8, 43, 44, .98));

	/* ===== SHADOW SYSTEM - GITHUB ENHANCED ===== */
	--shadow-xs: 0 1px 2px rgba(0, 0, 0, .22);
	--shadow-sm: var(--bs-box-shadow-sm);
	--shadow-md: 0 4px 14px rgba(0, 0, 0, .26);
	--shadow-lg: var(--bs-box-shadow-lg);
	--shadow-xl: 0 18px 48px rgba(0, 0, 0, .38);
	--shadow-hover: 0 10px 30px rgba(0, 0, 0, .30);
	--shadow-focus: var(--ml-focus);
	--shadow-focus-strong: 0 0 0 .3rem rgba(80, 178, 183, .34);
	--shadow-navbar: 0 8px 24px rgba(0, 0, 0, .24);
	--shadow-card: 0 12px 32px rgba(0, 0, 0, .20);

	/* ===== 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: rgba(80, 178, 183, .13);
	--alert-secondary-bg: rgba(29, 83, 85, .13);
	--alert-success-bg: rgba(62, 169, 118, .13);
	--alert-warning-bg: rgba(172, 138, 83, .13);
	--alert-danger-bg: rgba(182, 86, 87, .15);
	--alert-info-bg: rgba(77, 164, 170, .13);

	/* ===== 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(--ml-accent);
	--dice-secondary: var(--bs-secondary);
	--dice-success: var(--bs-success);
	--dice-warning: var(--bs-warning);
	--dice-danger: var(--bs-danger);
	--dice-info: var(--bs-info);
	--dice-bg-card: var(--ml-surface);
	--dice-bg-option: var(--ml-surface-raised);
	--dice-bg-selected: rgba(80, 178, 183, .16);
	--dice-text-primary: var(--ml-text);
	--dice-text-secondary: var(--ml-muted);
	--dice-text-muted: var(--ml-dim);
	--dice-border-primary: var(--ml-border);
	--dice-border-secondary: var(--ml-border-soft);
	--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, #50B2B7 0%, #4B7375 50%, #184E50 100%);
	--mode-special-glow: rgba(80, 178, 183, .30);

	/* ===== 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(--ml-accent);
	--quiz-secondary: var(--bs-secondary);
	--quiz-success: var(--bs-success);
	--quiz-warning: var(--bs-warning);
	--quiz-danger: var(--bs-danger);
	--quiz-info: var(--bs-info);
	--quiz-bg-card: var(--ml-surface);
	--quiz-bg-option: var(--ml-surface-raised);
	--quiz-bg-selected: rgba(80, 178, 183, .16);

	/* ===== FORUM SPECIFIC VARIABLES ===== */
	--forum-status-online: var(--bs-success);
	--forum-status-offline: var(--ml-dim);
	--forum-status-away: var(--bs-warning);
	--forum-status-hidden: var(--ml-accent-active);
	--forum-status-anonymous: var(--bs-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;

	/* Primary Button - GitHub Blue */
	--bs-btn-primary-color: #EAF5F5;
	--bs-btn-primary-bg: #67DCE3;
	--bs-btn-primary-border-color: #67DCE3;
	--bs-btn-primary-hover-color: #EAF5F5;
	--bs-btn-primary-hover-bg: #8BE9EE;
	--bs-btn-primary-hover-border-color: #9BECEF;
	--bs-btn-primary-focus-shadow-rgb: 103, 220, 227;
	--bs-btn-primary-active-color: #EAF5F5;
	--bs-btn-primary-active-bg: #38B8C2;
	--bs-btn-primary-active-border-color: #2AA5AF;
	--bs-btn-primary-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-primary-disabled-color: rgba(234, 245, 245, .72);
	--bs-btn-primary-disabled-bg: #50B2B7;
	--bs-btn-primary-disabled-border-color: #50B2B7;

	/* Secondary Button - GitHub Gray */
	--bs-btn-secondary-color: #EAF5F5;
	--bs-btn-secondary-bg: #607C7E;
	--bs-btn-secondary-border-color: #718F91;
	--bs-btn-secondary-hover-color: #EAF5F5;
	--bs-btn-secondary-hover-bg: #718F91;
	--bs-btn-secondary-hover-border-color: #82A1A3;
	--bs-btn-secondary-focus-shadow-rgb: 96, 124, 126;
	--bs-btn-secondary-active-color: #EAF5F5;
	--bs-btn-secondary-active-bg: #124142;
	--bs-btn-secondary-active-border-color: #16494A;
	--bs-btn-secondary-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-secondary-disabled-color: rgba(234, 245, 245, .62);
	--bs-btn-secondary-disabled-bg: #103D3E;
	--bs-btn-secondary-disabled-border-color: #144546;

	/* Success Button - GitHub Green */
	--bs-btn-success-color: #EAF5F5;
	--bs-btn-success-bg: #3EA976;
	--bs-btn-success-border-color: #3EA976;
	--bs-btn-success-hover-color: #EAF5F5;
	--bs-btn-success-hover-bg: #3EA976;
	--bs-btn-success-hover-border-color: #3EA976;
	--bs-btn-success-focus-shadow-rgb: 79, 209, 141;
	--bs-btn-success-active-color: #EAF5F5;
	--bs-btn-success-active-bg: #3EA976;
	--bs-btn-success-active-border-color: #3EA976;
	--bs-btn-success-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-success-disabled-color: #EAF5F5;
	--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: #EAF5F5;
	--bs-btn-info-bg: #4DA4AA;
	--bs-btn-info-border-color: #4DA4AA;
	--bs-btn-info-hover-color: #EAF5F5;
	--bs-btn-info-hover-bg: #4DA4AA;
	--bs-btn-info-hover-border-color: #4DA4AA;
	--bs-btn-info-focus-shadow-rgb: 99, 202, 210;
	--bs-btn-info-active-color: #EAF5F5;
	--bs-btn-info-active-bg: #4DA4AA;
	--bs-btn-info-active-border-color: #4DA4AA;
	--bs-btn-info-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-info-disabled-color: #041F20;
	--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: #AC8A53;
	--bs-btn-warning-bg: #AC8A53;
	--bs-btn-warning-border-color: #AC8A53;
	--bs-btn-warning-hover-color: #AC8A53;
	--bs-btn-warning-hover-bg: #AC8A53;
	--bs-btn-warning-hover-border-color: #AC8A53;
	--bs-btn-warning-focus-shadow-rgb: 224, 168, 95;
	--bs-btn-warning-active-color: #AC8A53;
	--bs-btn-warning-active-bg: #AC8A53;
	--bs-btn-warning-active-border-color: #AC8A53;
	--bs-btn-warning-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-warning-disabled-color: #041F20;
	--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: #EAF5F5;
	--bs-btn-danger-bg: #B65657;
	--bs-btn-danger-border-color: #B65657;
	--bs-btn-danger-hover-color: #EAF5F5;
	--bs-btn-danger-hover-bg: #B65657;
	--bs-btn-danger-hover-border-color: #B65657;
	--bs-btn-danger-focus-shadow-rgb: 237, 100, 100;
	--bs-btn-danger-active-color: #EAF5F5;
	--bs-btn-danger-active-bg: #B65657;
	--bs-btn-danger-active-border-color: #B65657;
	--bs-btn-danger-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-danger-disabled-color: #EAF5F5;
	--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: #06292A;
	--bs-btn-light-bg: #CCE4E5;
	--bs-btn-light-border-color: #D7EFF0;
	--bs-btn-light-hover-color: #06292A;
	--bs-btn-light-hover-bg: #E1F3F3;
	--bs-btn-light-hover-border-color: #EAF5F5;
	--bs-btn-light-focus-shadow-rgb: 217, 241, 242;
	--bs-btn-light-active-color: #06292A;
	--bs-btn-light-active-bg: #B1CACB;
	--bs-btn-light-active-border-color: #9BB7B8;
	--bs-btn-light-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-light-disabled-color: #072B2C;
	--bs-btn-light-disabled-bg: var(--github-bg-secondary);
	--bs-btn-light-disabled-border-color: var(--github-border-primary);

	/* Dark Button - GitHub Text */
	--bs-btn-dark-color: #E6F4F4;
	--bs-btn-dark-bg: #072B2C;
	--bs-btn-dark-border-color: #15585C;
	--bs-btn-dark-hover-color: #EAF5F5;
	--bs-btn-dark-hover-bg: #0D3839;
	--bs-btn-dark-hover-border-color: #1A6A6F;
	--bs-btn-dark-focus-shadow-rgb: 7, 43, 44;
	--bs-btn-dark-active-color: #EAF5F5;
	--bs-btn-dark-active-bg: #052526;
	--bs-btn-dark-active-border-color: #0B3435;
	--bs-btn-dark-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-dark-disabled-color: #EAF5F5;
	--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: #50B2B7;
	--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: 103, 220, 227;

	/* 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: 80, 178, 183;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-opacity: 0.65;

	/* 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: #EAF5F5;
	--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: #EAF5F5;
	--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);

	/* ===== 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='%23749697' 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='%23eaf5f5' 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='%23749697'/%3e%3c/svg%3e");
	--bs-form-select-bg-icon: var(--bs-form-select-bg-img);

	/* 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='%2350b2b7'%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(80, 178, 183, .22);
	--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='%23749697' 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(234, 245, 245, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
	--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: none;
	--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: #EAF5F5;
	--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: #50B2B7;
	--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(107, 140, 142, 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%28247, 248, 251, 0.78%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: #EAF5F5;
	--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: #50B2B7;
	--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: #EAF5F5;
	--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 LIGHT 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='%23e6f4f4'%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.414z'/%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: none;

	/* BACKDROP VARIABLES */
	--bs-backdrop-zindex: 1050;
	--bs-backdrop-bg: #000000;
	--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;

	/* 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(101, 134, 136, .34);

	/* UC_POWER_USER (2) - Tag */
	--rank-2-color: var(--github-info);
	--rank-2-weight: 600;
	--rank-2-shadow: 0 0 10px rgba(92, 127, 129, .34);

	/* UC_VETERAN (3) - Veterán */
	--rank-3-color: var(--github-warning);
	--rank-3-weight: 600;
	--rank-3-shadow: 0 0 12px rgba(80, 178, 183, .30);
	--rank-3-decoration: underline;
	--rank-3-decoration-color: rgba(119, 153, 154, .46);

	/* UC_VIP (4) - VIP */
	--rank-4-color: #50B2B7;
	--rank-4-weight: 700;
	--rank-4-shadow: 0 0 15px rgba(80, 178, 183, 0.4);
	--rank-4-bg: linear-gradient(90deg, transparent, rgba(80, 178, 183, 0.1), transparent);
	--rank-4-padding: 2px 4px;
	--rank-4-radius: 3px;

	/* UC_UPLOADER (5) - Feltöltő */
	--rank-5-color: #50B2B7;
	--rank-5-weight: 600;
	--rank-5-shadow: 0 0 12px rgba(80, 178, 183, 0.3);
	--rank-5-icon: " ⬆";
	--rank-5-icon-size: 0.8em;
	--rank-5-icon-opacity: 0.7;

	/* UC_HELPDESK (6) - HelpDesk */
	--rank-6-color: #4DA4AA;
	--rank-6-weight: 600;
	--rank-6-shadow: 0 0 12px rgba(77, 164, 170, 0.3);
	--rank-6-border: 1px dotted rgba(77, 164, 170, 0.5);
	--rank-6-icon: "🛠 ";
	--rank-6-icon-size: 0.9em;

	/* UC_MODERATOR (7) - Moderátor */
	--rank-7-color: #AC8A53;
	--rank-7-weight: 700;
	--rank-7-shadow: 0 0 15px rgba(172, 138, 83, 0.4);
	--rank-7-bg: linear-gradient(90deg, rgba(172, 138, 83, 0.1), transparent);
	--rank-7-border-left: 3px solid rgba(172, 138, 83, 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(80, 178, 183, .50);
	--rank-8-bg: linear-gradient(135deg, rgba(80, 178, 183, .15), transparent, rgba(80, 178, 183, .15));
	--rank-8-padding: 3px 6px;
	--rank-8-radius: 4px;
	--rank-8-border: 1px solid rgba(80, 178, 183, .30);

	/* UC_SYSOP (9) - Staffvezető */
	--rank-9-color: #50B2B7;
	--rank-9-weight: 800;
	--rank-9-shadow: 0 0 20px rgba(80, 178, 183, 0.6);
	--rank-9-bg: linear-gradient(45deg, rgba(80, 178, 183, 0.2), rgba(80, 178, 183, 0.05));
	--rank-9-padding: 4px 8px;
	--rank-9-radius: 6px;
	--rank-9-border: 2px solid rgba(80, 178, 183, 0.4);
	--rank-9-animation: glow 2s ease-in-out infinite alternate;

	/* UC_STAFFLEADER (10) - Tulajdonos */
	--rank-10-color: #50B2B7;
	--rank-10-weight: 900;
	--rank-10-shadow: 0 0 25px rgba(80, 178, 183, 0.8);
	--rank-10-bg: linear-gradient(90deg, rgba(80, 178, 183, 0.3), rgba(80, 178, 183, 0.1), rgba(80, 178, 183, 0.3));
	--rank-10-padding: 5px 10px;
	--rank-10-radius: 8px;
	--rank-10-border: 2px solid rgba(80, 178, 183, 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(80, 178, 183, 0.8));

	/* UC_LOL (11) - Coder */
	--rank-11-color: #4DA4AA;
	--rank-11-weight: 700;
	--rank-11-shadow: 0 0 15px rgba(77, 164, 170, 0.5);
	--rank-11-font-family: "Consolas", "Monaco", monospace;
	--rank-11-bg: linear-gradient(90deg, rgba(77, 164, 170, 0.1), transparent);
	--rank-11-border: 1px dashed rgba(77, 164, 170, 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: #4DA4AA;
	--code-entity: #50B2B7;
	--code-keyword: #50B2B7;
	--code-storage: #50B2B7;
	--code-string: #4DA4AA;
	--code-support: #4DA4AA;
	--code-variable: #AC8A53;

	/* ===== GITHUB PRETTYLIGHTS SYNTAX ===== */
	--syntax-comment: var(--github-text-secondary);
	--syntax-constant: #4DA4AA;
	--syntax-entity: #50B2B7;
	--syntax-keyword: #50B2B7;
	--syntax-markup-bold: var(--github-text-primary);
	--syntax-markup-heading: var(--github-primary);
	--syntax-markup-italic: var(--github-text-primary);
	--syntax-markup-list: #AC8A53;
	--syntax-string: #4DA4AA;
	--syntax-string-regexp: #3EA976;
	--syntax-variable: #AC8A53;

	/* ===== GITHUB ANSI COLORS ===== */
	--ansi-black: #0C3536;
	--ansi-black-bright: var(--github-text-muted);
	--ansi-blue: var(--github-info);
	--ansi-blue-bright: #4DA4AA;
	--ansi-cyan: #4DA4AA;
	--ansi-cyan-bright: #4DA4AA;
	--ansi-gray: var(--github-text-muted);
	--ansi-green: var(--github-success);
	--ansi-green-bright: #3EA976;
	--ansi-magenta: #50B2B7;
	--ansi-magenta-bright: #50B2B7;
	--ansi-red: #50B2B7;
	--ansi-red-bright: #50B2B7;
	--ansi-white: var(--github-text-primary);
	--ansi-white-bright: #EAF5F5;
	--ansi-yellow: var(--github-warning);
	--ansi-yellow-bright: #AC8A53;

	/* ===== GITHUB CONTRIBUTION GRAPH COLORS ===== */
	--contribution-level-0: var(--github-bg-secondary);
	--contribution-level-1: #3EA976;
	--contribution-level-2: #3EA976;
	--contribution-level-3: #3EA976;
	--contribution-level-4: #3EA976;
	--contribution-border: rgba(7, 43, 44, 0.05);

	/* ===== GITHUB DIFF COLORS ===== */
	--diff-addition-bg: rgba(62, 169, 118, 0.15);
	--diff-addition-border: rgba(62, 169, 118, 0.4);
	--diff-addition-text: var(--github-text-primary);
	--diff-deletion-bg: rgba(182, 86, 87, .15);
	--diff-deletion-border: rgba(182, 86, 87, .40);
	--diff-deletion-text: var(--github-text-primary);
	--diff-hunk-bg: rgba(80, 178, 183, .10);
	--diff-hunk-border: rgba(80, 178, 183, .40);

	/* ===== GITHUB LABEL COLORS - DATA VISUALIZATION ===== */
	--data-red: var(--github-danger);
	--data-orange: #AC8A53;
	--data-yellow: var(--github-warning);
	--data-green: var(--github-success);
	--data-blue: var(--github-primary);
	--data-purple: #50B2B7;
	--data-pink: #50B2B7;
	--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: #50B2B7;
	--reaction-confused: #AC8A53;
	--reaction-heart: #50B2B7;
	--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);

	/* Bootstrap alap tipográfiai fallback */
	--bs-font-size-base: 1rem;
}

::selection {
	background: rgba(112, 146, 147, .32);
	color: #EAF5F5;
}

html,
body {
	background-color: var(--ml-cool-deep);
	color: var(--ml-text);
}

body {
	background-image:
		radial-gradient(circle at 12% 0%, rgba(112, 146, 147, .08), transparent 30rem),
		linear-gradient(145deg, var(--ml-warm-deep) 0%, var(--ml-cool-deep) 38%, var(--ml-cool) 100%);
	background-attachment: fixed;
}

.app-main,
.site-content {
	color: var(--ml-text);
}

a {
	color: var(--bs-link-color);
}

a:hover {
	color: var(--bs-link-hover-color);
}

hr {
	border-color: var(--ml-border-soft);
	opacity: 1;
}

.text-muted,
.form-text,
.figure-caption,
.blockquote-footer,
small,
.small {
	color: var(--ml-muted) !important;
}

mark,
.mark {
	border-radius: .25rem;
	background: rgba(112, 146, 147, .20);
	color: var(--ml-text);
}

code,
kbd,
pre,
samp {
	color: #7FE0E6;
}

pre,
code:not([class*="language-"]) {
	border: 1px solid var(--ml-border-soft);
	border-radius: .65rem;
	background: rgba(6, 40, 41, .72);
}

kbd {
	border: 1px solid var(--ml-border);
	background: var(--ml-cool-deep);
	box-shadow: inset 0 -1px 0 rgba(234, 245, 245, .10);
}

/* --------------------------------------------------------------------------
   Bootstrap utility színek
   -------------------------------------------------------------------------- */

.bg-primary,
.text-bg-primary {
	background-color: var(--ml-accent) !important;
	color: #A2E7EB !important;
}

.bg-secondary,
.text-bg-secondary {
	background-color: #1D5355 !important;
	color: #EAF5F5 !important;
}

.bg-success,
.text-bg-success {
	background-color: #658688 !important;
	color: #95E1BC !important;
}

.bg-info,
.text-bg-info {
	background-color: #5C7F81 !important;
	color: #A0DDE2 !important;
}

.bg-warning,
.text-bg-warning {
	background-color: #77999A !important;
	color: #786C47 !important;
}

.bg-danger,
.text-bg-danger {
	background-color: var(--ml-accent-active) !important;
	color: #ECA5A5 !important;
}

.bg-light,
.text-bg-light {
	background-color: #CCE4E5 !important;
	color: #06292A !important;
}

.bg-dark,
.text-bg-dark {
	background-color: var(--ml-cool-deep) !important;
	color: var(--ml-text) !important;
}

.bg-white {
	background-color: var(--ml-surface) !important;
}

.bg-body,
.bg-body-tertiary,
.bg-body-secondary {
	background-color: var(--ml-surface) !important;
}

.text-primary { color: #67DCE3 !important; }
.text-secondary { color: #749697 !important; }
.text-success { color: #4FD18D !important; }
.text-info { color: #7BD2D8 !important; }
.text-warning { color: #E2B67A !important; }
.text-danger { color: #EC7E7E !important; }
.text-light { color: #E6F4F4 !important; }
.text-dark { color: #9AB6B7 !important; }
.text-body { color: var(--ml-text) !important; }
.text-body-secondary { color: var(--ml-muted) !important; }
.text-body-tertiary { color: var(--ml-dim) !important; }

.border,
.border-top,
.border-end,
.border-bottom,
.border-start {
	border-color: var(--ml-border) !important;
}

.border-primary { border-color: var(--ml-accent) !important; }
.border-secondary { border-color: #1D5355 !important; }
.border-success { border-color: #4FD18D !important; }
.border-info { border-color: #63CAD2 !important; }
.border-warning { border-color: #77999A !important; }
.border-danger { border-color: var(--ml-accent-active) !important; }
.border-light { border-color: #749697 !important; }
.border-dark { border-color: var(--ml-cool-deep) !important; }

/* --------------------------------------------------------------------------
   Gombok
   -------------------------------------------------------------------------- */

.btn {
	--bs-btn-border-radius: .72rem;
	--bs-btn-font-weight: 750;
	--bs-btn-focus-box-shadow: var(--ml-focus);
	box-shadow: none;
	transition: color .16s ease, background-color .16s ease, border-color .16s ease, transform .16s ease, box-shadow .16s ease;
}

.btn:hover {
	transform: translateY(-1px);
}

.btn:active,
.btn.active,
.show > .btn.dropdown-toggle {
	transform: translateY(0);
}

.btn:focus-visible {
	box-shadow: var(--ml-focus) !important;
}

.btn-primary {
	--bs-btn-color: #EAF5F5;
	--bs-btn-bg: #67DCE3;
	--bs-btn-border-color: #67DCE3;
	--bs-btn-hover-color: #EAF5F5;
	--bs-btn-hover-bg: #81E1E7;
	--bs-btn-hover-border-color: #81E1E7;
	--bs-btn-focus-shadow-rgb: 103, 220, 227;
	--bs-btn-active-color: #EAF5F5;
	--bs-btn-active-bg: #50B2B7;
	--bs-btn-active-border-color: #50B2B7;
	--bs-btn-disabled-color: rgba(234, 245, 245, .72);
	--bs-btn-disabled-bg: #54B9BE;
	--bs-btn-disabled-border-color: #54B9BE;
}

.btn-secondary {
	--bs-btn-color: #EAF5F5;
	--bs-btn-bg: #174B4D;
	--bs-btn-border-color: #306062;
	--bs-btn-hover-color: #EAF5F5;
	--bs-btn-hover-bg: #3A686A;
	--bs-btn-hover-border-color: #638486;
	--bs-btn-focus-shadow-rgb: 96, 124, 126;
	--bs-btn-active-color: #EAF5F5;
	--bs-btn-active-bg: #124142;
	--bs-btn-active-border-color: #16494A;
	--bs-btn-disabled-color: rgba(234, 245, 245, .62);
	--bs-btn-disabled-bg: #103D3E;
	--bs-btn-disabled-border-color: #144546;
}

.btn-success {
	--bs-btn-color: #EAF5F5;
	--bs-btn-bg: #4FD18D;
	--bs-btn-border-color: #4FD18D;
	--bs-btn-hover-color: #EAF5F5;
	--bs-btn-hover-bg: #6ED8A2;
	--bs-btn-hover-border-color: #6ED8A2;
	--bs-btn-focus-shadow-rgb: 79, 209, 141;
	--bs-btn-active-color: #EAF5F5;
	--bs-btn-active-bg: #3EA976;
	--bs-btn-active-border-color: #3EA976;
}

.btn-info {
	--bs-btn-color: #EAF5F5;
	--bs-btn-bg: #51AAB1;
	--bs-btn-border-color: #63CAD2;
	--bs-btn-hover-color: #EAF5F5;
	--bs-btn-hover-bg: #7ED3D9;
	--bs-btn-hover-border-color: #7ED3D9;
	--bs-btn-focus-shadow-rgb: 99, 202, 210;
	--bs-btn-active-color: #EAF5F5;
	--bs-btn-active-bg: #4DA4AA;
	--bs-btn-active-border-color: #4DA4AA;
}

.btn-warning {
	--bs-btn-color: #072A2B;
	--bs-btn-bg: #E0A85F;
	--bs-btn-border-color: #E0A85F;
	--bs-btn-hover-color: #06292A;
	--bs-btn-hover-bg: #E2B77D;
	--bs-btn-hover-border-color: #E2B77D;
	--bs-btn-focus-shadow-rgb: 224, 168, 95;
	--bs-btn-active-color: #06292A;
	--bs-btn-active-bg: #AC8A53;
	--bs-btn-active-border-color: #AC8A53;
}

.btn-danger {
	--bs-btn-color: #EAF5F5;
	--bs-btn-bg: #ED6464;
	--bs-btn-border-color: #ED6464;
	--bs-btn-hover-color: #EAF5F5;
	--bs-btn-hover-bg: #EC8181;
	--bs-btn-hover-border-color: #EC8181;
	--bs-btn-focus-shadow-rgb: 237, 100, 100;
	--bs-btn-active-color: #EAF5F5;
	--bs-btn-active-bg: #B65657;
	--bs-btn-active-border-color: #B65657;
}

.btn-light {
	--bs-btn-color: #06292A;
	--bs-btn-bg: #CCE4E5;
	--bs-btn-border-color: #D7EFF0;
	--bs-btn-hover-color: #06292A;
	--bs-btn-hover-bg: #E1F3F3;
	--bs-btn-hover-border-color: #EAF5F5;
	--bs-btn-focus-shadow-rgb: 217, 241, 242;
	--bs-btn-active-color: #06292A;
	--bs-btn-active-bg: #B1CACB;
	--bs-btn-active-border-color: #9BB7B8;
}

.btn-dark {
	--bs-btn-color: #E6F4F4;
	--bs-btn-bg: #062829;
	--bs-btn-border-color: #0D3839;
	--bs-btn-hover-color: #EAF5F5;
	--bs-btn-hover-bg: #093031;
	--bs-btn-hover-border-color: #154648;
	--bs-btn-focus-shadow-rgb: 7, 43, 44;
	--bs-btn-active-color: #EAF5F5;
	--bs-btn-active-bg: #052526;
	--bs-btn-active-border-color: #0B3435;
}

.btn-outline-primary {
	--bs-btn-color: #67DCE3;
	--bs-btn-border-color: #67DCE3;
	--bs-btn-hover-color: #EAF5F5;
	--bs-btn-hover-bg: #81E1E7;
	--bs-btn-hover-border-color: #81E1E7;
	--bs-btn-focus-shadow-rgb: 103, 220, 227;
	--bs-btn-active-color: #EAF5F5;
	--bs-btn-active-bg: #50B2B7;
	--bs-btn-active-border-color: #50B2B7;
}

.btn-outline-secondary {
	--bs-btn-color: #98B5B6;
	--bs-btn-border-color: #306062;
	--bs-btn-hover-color: #EAF5F5;
	--bs-btn-hover-bg: #194F51;
	--bs-btn-hover-border-color: #4E7577;
	--bs-btn-focus-shadow-rgb: 96, 124, 126;
	--bs-btn-active-color: #EAF5F5;
	--bs-btn-active-bg: #144546;
	--bs-btn-active-border-color: #215658;
}

.btn-outline-success {
	--bs-btn-color: #7C9E9F;
	--bs-btn-border-color: #4FD18D;
	--bs-btn-hover-color: #EAF5F5;
	--bs-btn-hover-bg: #6ED8A2;
	--bs-btn-hover-border-color: #6ED8A2;
	--bs-btn-focus-shadow-rgb: 79, 209, 141;
	--bs-btn-active-color: #EAF5F5;
	--bs-btn-active-bg: #3EA976;
	--bs-btn-active-border-color: #3EA976;
}

.btn-outline-info {
	--bs-btn-color: #90AEAF;
	--bs-btn-border-color: #63CAD2;
	--bs-btn-hover-color: #EAF5F5;
	--bs-btn-hover-bg: #7ED3D9;
	--bs-btn-hover-border-color: #7ED3D9;
	--bs-btn-focus-shadow-rgb: 99, 202, 210;
	--bs-btn-active-color: #EAF5F5;
	--bs-btn-active-bg: #4DA4AA;
	--bs-btn-active-border-color: #4DA4AA;
}

.btn-outline-warning {
	--bs-btn-color: #E2B67A;
	--bs-btn-border-color: #E0A85F;
	--bs-btn-hover-color: #06292A;
	--bs-btn-hover-bg: #E2B77D;
	--bs-btn-hover-border-color: #E2B77D;
	--bs-btn-focus-shadow-rgb: 224, 168, 95;
	--bs-btn-active-color: #06292A;
	--bs-btn-active-bg: #AC8A53;
	--bs-btn-active-border-color: #AC8A53;
}

.btn-outline-danger {
	--bs-btn-color: #EC7E7E;
	--bs-btn-border-color: #ED6464;
	--bs-btn-hover-color: #EAF5F5;
	--bs-btn-hover-bg: #EC8181;
	--bs-btn-hover-border-color: #EC8181;
	--bs-btn-focus-shadow-rgb: 237, 100, 100;
	--bs-btn-active-color: #EAF5F5;
	--bs-btn-active-bg: #B65657;
	--bs-btn-active-border-color: #B65657;
}

.btn-outline-light {
	--bs-btn-color: #E6F4F4;
	--bs-btn-border-color: #749697;
	--bs-btn-hover-color: #06292A;
	--bs-btn-hover-bg: #CCE4E5;
	--bs-btn-hover-border-color: #E6F4F4;
	--bs-btn-focus-shadow-rgb: 217, 241, 242;
	--bs-btn-active-color: #06292A;
	--bs-btn-active-bg: #B1CACB;
	--bs-btn-active-border-color: #CCE4E5;
}

.btn-outline-dark {
	--bs-btn-color: #9AB6B7;
	--bs-btn-border-color: #103D3E;
	--bs-btn-hover-color: #EAF5F5;
	--bs-btn-hover-bg: #093031;
	--bs-btn-hover-border-color: #164A4C;
	--bs-btn-focus-shadow-rgb: 7, 43, 44;
	--bs-btn-active-color: #EAF5F5;
	--bs-btn-active-bg: #062829;
	--bs-btn-active-border-color: #103D3E;
}

/* Bootstrap 3/4 esetére is */
.btn-default {
	border-color: var(--ml-border);
	background: var(--ml-surface);
	color: var(--ml-text);
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
	border-color: #1C5254;
	background: var(--ml-surface-hover);
	color: #EAF5F5;
}

/* --------------------------------------------------------------------------
   Űrlapok
   -------------------------------------------------------------------------- */

.form-label,
.col-form-label,
.form-check-label {
	color: var(--ml-text);
}

.form-control,
.form-select,
.input-group-text,
.form-control-plaintext {
	border-color: var(--ml-border);
	background-color: rgba(7, 42, 43, .88);
	color: var(--ml-text);
}

.form-control,
.form-select {
	box-shadow: inset 0 1px 0 rgba(234, 245, 245, .025);
}

.form-control::placeholder {
	color: var(--ml-dim);
	opacity: 1;
}

.form-control:hover,
.form-select:hover {
	border-color: #184D4F;
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus,
.form-range:focus::-webkit-slider-thumb,
.form-range:focus::-moz-range-thumb {
	border-color: var(--ml-accent);
	background-color: #072B2C;
	color: var(--ml-text);
	box-shadow: var(--ml-focus);
}

.form-control:disabled,
.form-select:disabled,
.form-control[readonly] {
	border-color: #0C3637;
	background-color: #072B2C;
	color: #3F6B6D;
	opacity: 1;
}

.input-group-text {
	background: linear-gradient(145deg, #0B3334, #082D2E);
	color: var(--ml-muted);
}

.form-check-input {
	border-color: #184D4F;
	background-color: #072A2B;
}

.form-check-input:checked {
	border-color: var(--ml-accent);
	background-color: var(--ml-accent);
}

.form-check-input[type="checkbox"]:indeterminate {
	border-color: var(--ml-accent-hover);
	background-color: var(--ml-accent-hover);
}

.form-switch .form-check-input {
	background-color: #0D3839;
}

.form-switch .form-check-input:checked {
	background-color: var(--ml-accent);
}

.form-range::-webkit-slider-runnable-track {
	background: #0D3738;
}

.form-range::-moz-range-track {
	background: #0D3738;
}

.form-range::-webkit-slider-thumb {
	background: var(--ml-accent);
}

.form-range::-moz-range-thumb {
	border-color: var(--ml-accent);
	background: var(--ml-accent);
}

.form-range:disabled::-webkit-slider-thumb,
.form-range:disabled::-moz-range-thumb {
	background: #1D5355;
}

.form-floating > label {
	color: var(--ml-muted);
}

.valid-feedback,
.valid-tooltip {
	color: #4FD18D;
}

.invalid-feedback,
.invalid-tooltip {
	color: #EC7E7E;
}

.was-validated .form-control:valid,
.form-control.is-valid,
.was-validated .form-select:valid,
.form-select.is-valid {
	border-color: #658688;
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus,
.was-validated .form-select:valid:focus,
.form-select.is-valid:focus {
	border-color: #7C9E9F;
	box-shadow: 0 0 0 .22rem rgba(101, 134, 136, .20);
}

.was-validated .form-control:invalid,
.form-control.is-invalid,
.was-validated .form-select:invalid,
.form-select.is-invalid {
	border-color: var(--ml-accent);
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus,
.was-validated .form-select:invalid:focus,
.form-select.is-invalid:focus {
	border-color: var(--ml-accent-hover);
	box-shadow: var(--ml-focus);
}

/* --------------------------------------------------------------------------
   Kártyák, panelek, listák
   -------------------------------------------------------------------------- */

.card,
.panel,
.well,
.jumbotron,
.thumbnail {
	border-color: var(--ml-border-soft);
	background:
		radial-gradient(circle at 0 0, rgba(112, 146, 147, .065), transparent 15rem),
		linear-gradient(145deg, rgba(7, 43, 44, .92), rgba(7, 42, 43, .96) 55%, rgba(9, 48, 49, .96));
	box-shadow: 0 12px 32px rgba(0, 0, 0, .20);
	color: var(--ml-text);
}

.card-header,
.card-footer,
.panel-heading,
.panel-footer {
	border-color: var(--ml-border-soft);
	background: rgba(234, 245, 245, .035);
	color: var(--ml-text);
}

.card-header:first-child {
	border-radius: calc(var(--bs-border-radius) - 1px) calc(var(--bs-border-radius) - 1px) 0 0;
}

.card-title,
.card-subtitle,
.card-text,
.panel-title {
	color: inherit;
}

.card-subtitle {
	color: var(--ml-muted) !important;
}

.list-group {
	--bs-list-group-color: var(--ml-text);
	--bs-list-group-bg: rgba(8, 45, 46, .92);
	--bs-list-group-border-color: var(--ml-border-soft);
	--bs-list-group-action-color: var(--ml-text);
	--bs-list-group-action-hover-color: #EAF5F5;
	--bs-list-group-action-hover-bg: rgba(129, 225, 231, .09);
	--bs-list-group-action-active-color: #EAF5F5;
	--bs-list-group-action-active-bg: rgba(80, 178, 183, .14);
	--bs-list-group-disabled-color: #2B5C5E;
	--bs-list-group-disabled-bg: #082C2D;
	--bs-list-group-active-color: #EAF5F5;
	--bs-list-group-active-bg: rgba(80, 178, 183, .17);
	--bs-list-group-active-border-color: rgba(80, 178, 183, .48);
}

.list-group-item {
	color: var(--bs-list-group-color);
	background-color: var(--bs-list-group-bg);
	border-color: var(--bs-list-group-border-color);
}

.list-group-item-action:hover,
.list-group-item-action:focus {
	background-color: var(--bs-list-group-action-hover-bg);
	color: var(--bs-list-group-action-hover-color);
}

.list-group-item.active {
	background: linear-gradient(135deg, rgba(112, 146, 147, .23), rgba(112, 146, 147, .11));
	border-color: rgba(80, 178, 183, .48);
	color: #EAF5F5;
}

/* --------------------------------------------------------------------------
   Táblázatok
   -------------------------------------------------------------------------- */

.table {
	--bs-table-color: var(--ml-text);
	--bs-table-bg: transparent;
	--bs-table-border-color: var(--ml-border-soft);
	--bs-table-striped-color: var(--ml-text);
	--bs-table-striped-bg: rgba(234, 245, 245, .028);
	--bs-table-active-color: #EAF5F5;
	--bs-table-active-bg: rgba(80, 178, 183, .12);
	--bs-table-hover-color: #EAF5F5;
	--bs-table-hover-bg: rgba(129, 225, 231, .075);
	color: var(--ml-text);
	border-color: var(--ml-border-soft);
}

.table > :not(caption) > * > * {
	border-bottom-color: var(--ml-border-soft);
	background-color: var(--bs-table-bg);
	color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
}

.table thead th,
.table > thead {
	border-color: var(--ml-border);
	background: rgba(234, 245, 245, .04);
	color: #EAF5F5;
}

.table-primary {
	--bs-table-color: #EAF5F5;
	--bs-table-bg: rgba(103, 220, 227, .18);
	--bs-table-border-color: rgba(103, 220, 227, .30);
	--bs-table-striped-bg: rgba(103, 220, 227, .23);
	--bs-table-hover-bg: rgba(129, 225, 231, .27);
}

.table-secondary {
	--bs-table-color: #EAF5F5;
	--bs-table-bg: rgba(29, 83, 85, .18);
	--bs-table-border-color: rgba(116, 150, 151, .25);
}

.table-success {
	--bs-table-color: #EAF5F5;
	--bs-table-bg: rgba(79, 209, 141, .16);
	--bs-table-border-color: rgba(79, 209, 141, .24);
}

.table-info {
	--bs-table-color: #EAF5F5;
	--bs-table-bg: rgba(99, 202, 210, .16);
	--bs-table-border-color: rgba(123, 210, 216, .24);
}

.table-warning {
	--bs-table-color: #EAF5F5;
	--bs-table-bg: rgba(224, 168, 95, .17);
	--bs-table-border-color: rgba(226, 182, 122, .25);
}

.table-danger {
	--bs-table-color: #EAF5F5;
	--bs-table-bg: rgba(237, 100, 100, .18);
	--bs-table-border-color: rgba(237, 100, 100, .30);
}

.table-light {
	--bs-table-color: #06292A;
	--bs-table-bg: #CCE4E5;
	--bs-table-border-color: #A6C1C2;
}

.table-dark {
	--bs-table-color: #E6F4F4;
	--bs-table-bg: #062829;
	--bs-table-border-color: #0C3637;
}

/* --------------------------------------------------------------------------
   Figyelmeztetések és badge-ek
   -------------------------------------------------------------------------- */

.alert {
	--bs-alert-color: var(--ml-text);
	--bs-alert-bg: rgba(9, 48, 49, .94);
	--bs-alert-border-color: var(--ml-border-soft);
	--bs-alert-link-color: #EAF5F5;
	position: relative;
	border-width: 1px;
	box-shadow: 0 10px 28px rgba(0, 0, 0, .17);
}

.alert::before {
	position: absolute;
	top: -1px;
	bottom: -1px;
	left: -1px;
	width: 4px;
	border-radius: var(--bs-border-radius) 0 0 var(--bs-border-radius);
	background: var(--alert-accent, var(--ml-accent));
	content: "";
}

.alert-primary {
	--alert-accent: #67DCE3;
	--bs-alert-color: #EAF5F5;
	--bs-alert-bg: rgba(103, 220, 227, .13);
	--bs-alert-border-color: rgba(103, 220, 227, .32);
}

.alert-secondary {
	--alert-accent: #67DCE3;
	--bs-alert-color: #E0F3F3;
	--bs-alert-bg: rgba(29, 83, 85, .13);
	--bs-alert-border-color: rgba(116, 150, 151, .28);
}

.alert-success {
	--alert-accent: #4FD18D;
	--bs-alert-color: #95E1BC;
	--bs-alert-bg: rgba(79, 209, 141, .13);
	--bs-alert-border-color: rgba(79, 209, 141, .30);
}

.alert-info {
	--alert-accent: #63CAD2;
	--bs-alert-color: #E1F3F3;
	--bs-alert-bg: rgba(99, 202, 210, .14);
	--bs-alert-border-color: rgba(123, 210, 216, .28);
}

.alert-warning {
	--alert-accent: #E0A85F;
	--bs-alert-color: #E4CBA2;
	--bs-alert-bg: rgba(224, 168, 95, .14);
	--bs-alert-border-color: rgba(226, 182, 122, .30);
}

.alert-danger {
	--alert-accent: #ED6464;
	--bs-alert-color: #ECA5A5;
	--bs-alert-bg: rgba(237, 100, 100, .14);
	--bs-alert-border-color: rgba(237, 100, 100, .34);
}

.alert-light {
	--alert-accent: #81E1E7;
	--bs-alert-color: #E6F4F4;
	--bs-alert-bg: rgba(204, 228, 229, .09);
	--bs-alert-border-color: rgba(204, 228, 229, .22);
}

.alert-dark {
	--alert-accent: #50B2B7;
	--bs-alert-color: #E6F4F4;
	--bs-alert-bg: rgba(6, 40, 41, .82);
	--bs-alert-border-color: #0C3637;
}

.badge,
.label {
	font-weight: 800;
	letter-spacing: .01em;
}

.badge.bg-primary,
.label-primary {
	background: var(--ml-accent) !important;
	color: #A2E7EB !important;
}

.label-default {
	background: #174B4D;
	color: #EAF5F5;
}

.label-success { background: #4B7375; color: #EAF5F5; }
.label-info { background: #245759; color: #EAF5F5; }
.label-warning { background: #77999A; color: #06292A; }
.label-danger { background: #658688; color: #EAF5F5; }

/* --------------------------------------------------------------------------
   Navigáció, tabok, breadcrumb, lapozó
   -------------------------------------------------------------------------- */

.nav {
	--bs-nav-link-color: var(--ml-muted);
	--bs-nav-link-hover-color: #EAF5F5;
	--bs-nav-link-disabled-color: #54B9BE;
}

.nav-link {
	color: var(--bs-nav-link-color);
}

.nav-link:hover,
.nav-link:focus {
	color: var(--bs-nav-link-hover-color);
}

.nav-tabs {
	--bs-nav-tabs-border-color: var(--ml-border);
	--bs-nav-tabs-link-hover-border-color: var(--ml-border) var(--ml-border) transparent;
	--bs-nav-tabs-link-active-color: #EAF5F5;
	--bs-nav-tabs-link-active-bg: var(--ml-surface);
	--bs-nav-tabs-link-active-border-color: var(--ml-border) var(--ml-border) var(--ml-surface);
	border-bottom-color: var(--ml-border);
}

.nav-tabs .nav-link {
	border-color: transparent;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
	border-color: var(--ml-border) var(--ml-border) transparent;
	background: rgba(234, 245, 245, .025);
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
	border-color: var(--ml-border) var(--ml-border) transparent;
	background: var(--ml-surface);
	color: #50B2B7;
}

.nav-pills {
	--bs-nav-pills-link-active-color: #EAF5F5;
	--bs-nav-pills-link-active-bg: var(--ml-accent);
}

.nav-pills .nav-link:hover {
	background: rgba(112, 146, 147, .08);
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
	background: linear-gradient(135deg, var(--ml-accent), var(--ml-accent-active));
	box-shadow: 0 7px 18px rgba(80, 178, 183, .18);
}

.navbar {
	--bs-navbar-color: rgba(230, 244, 244, .72);
	--bs-navbar-hover-color: #EAF5F5;
	--bs-navbar-disabled-color: rgba(230, 244, 244, .35);
	--bs-navbar-active-color: #EAF5F5;
	--bs-navbar-brand-color: #EAF5F5;
	--bs-navbar-brand-hover-color: var(--ml-accent-hover);
	--bs-navbar-toggler-border-color: var(--ml-border);
}

.navbar-light,
.navbar-dark,
.navbar.bg-light,
.navbar.bg-white {
	background: linear-gradient(135deg, rgba(7, 43, 44, .96), rgba(7, 42, 43, .97)) !important;
	color: var(--ml-text);
}

.navbar-toggler {
	border-color: var(--ml-border);
	background: rgba(234, 245, 245, .035);
}

.breadcrumb {
	--bs-breadcrumb-divider-color: #3F6B6D;
	--bs-breadcrumb-item-active-color: var(--ml-muted);
	padding: .7rem .9rem;
	border: 1px solid var(--ml-border-soft);
	border-radius: .7rem;
	background: rgba(9, 48, 49, .68);
}

.pagination {
	--bs-pagination-color: var(--ml-text);
	--bs-pagination-bg: var(--ml-surface);
	--bs-pagination-border-color: var(--ml-border);
	--bs-pagination-hover-color: #EAF5F5;
	--bs-pagination-hover-bg: var(--ml-surface-hover);
	--bs-pagination-hover-border-color: #184E50;
	--bs-pagination-focus-color: #EAF5F5;
	--bs-pagination-focus-bg: var(--ml-surface-hover);
	--bs-pagination-focus-box-shadow: var(--ml-focus);
	--bs-pagination-active-color: #EAF5F5;
	--bs-pagination-active-bg: var(--ml-accent);
	--bs-pagination-active-border-color: var(--ml-accent);
	--bs-pagination-disabled-color: #194F51;
	--bs-pagination-disabled-bg: #072A2B;
	--bs-pagination-disabled-border-color: #0C3637;
}

.page-link {
	color: var(--bs-pagination-color);
	background-color: var(--bs-pagination-bg);
	border-color: var(--bs-pagination-border-color);
}

.page-link:hover {
	background-color: var(--bs-pagination-hover-bg);
	border-color: var(--bs-pagination-hover-border-color);
	color: var(--bs-pagination-hover-color);
}

.page-item.active .page-link {
	background: linear-gradient(135deg, var(--ml-accent), var(--ml-accent-active));
	border-color: var(--ml-accent);
	color: #50B2B7;
}

/* --------------------------------------------------------------------------
   Dropdown, accordion, collapse
   -------------------------------------------------------------------------- */

.dropdown-menu {
	--bs-dropdown-color: var(--ml-text);
	--bs-dropdown-bg: rgba(7, 43, 44, .98);
	--bs-dropdown-border-color: var(--ml-border);
	--bs-dropdown-divider-bg: var(--ml-border-soft);
	--bs-dropdown-box-shadow: var(--ml-shadow);
	--bs-dropdown-link-color: var(--ml-text);
	--bs-dropdown-link-hover-color: #EAF5F5;
	--bs-dropdown-link-hover-bg: rgba(112, 146, 147, .10);
	--bs-dropdown-link-active-color: #EAF5F5;
	--bs-dropdown-link-active-bg: rgba(80, 178, 183, .18);
	--bs-dropdown-link-disabled-color: #194F51;
	--bs-dropdown-header-color: var(--ml-muted);
	padding: .45rem;
	border-color: var(--ml-border);
	background: rgba(7, 43, 44, .98);
	box-shadow: var(--ml-shadow);
	backdrop-filter: blur(18px);
}

.dropdown-item {
	border-radius: .48rem;
	color: var(--ml-text);
}

.dropdown-item:hover,
.dropdown-item:focus {
	background: rgba(112, 146, 147, .10);
	color: #EAF5F5;
}

.dropdown-item.active,
.dropdown-item:active {
	background: rgba(112, 146, 147, .20);
	color: #EAF5F5;
}

.dropdown-divider {
	border-color: var(--ml-border-soft);
}

.accordion {
	--bs-accordion-color: var(--ml-text);
	--bs-accordion-bg: rgba(8, 45, 46, .93);
	--bs-accordion-border-color: var(--ml-border-soft);
	--bs-accordion-btn-color: var(--ml-text);
	--bs-accordion-btn-bg: rgba(234, 245, 245, .025);
	--bs-accordion-btn-focus-border-color: var(--ml-accent);
	--bs-accordion-btn-focus-box-shadow: var(--ml-focus);
	--bs-accordion-active-color: #EAF5F5;
	--bs-accordion-active-bg: rgba(80, 178, 183, .10);
}

.accordion-item {
	border-color: var(--ml-border-soft);
	background: rgba(8, 45, 46, .93);
	color: var(--ml-text);
}

.accordion-button {
	background: rgba(234, 245, 245, .025);
	color: var(--ml-text);
}

.accordion-button:not(.collapsed) {
	background: rgba(112, 146, 147, .10);
	color: #EAF5F5;
	box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--ml-border-soft);
}

.accordion-button::after {
	filter: grayscale(1) brightness(3);
}

.accordion-button:not(.collapsed)::after {
	filter: sepia(1) saturate(5) hue-rotate(320deg) brightness(1.2);
}

/* --------------------------------------------------------------------------
   Modál, offcanvas, toast, popover, tooltip
   -------------------------------------------------------------------------- */

.modal {
	--bs-modal-color: var(--ml-text);
	--bs-modal-bg: rgba(7, 43, 44, .98);
	--bs-modal-border-color: var(--ml-border);
	--bs-modal-header-border-color: var(--ml-border-soft);
	--bs-modal-footer-border-color: var(--ml-border-soft);
}

.modal-content,
.offcanvas,
.toast,
.popover {
	border-color: var(--ml-border);
	background:
		radial-gradient(circle at 0 0, rgba(112, 146, 147, .07), transparent 17rem),
		rgba(7, 43, 44, .98);
	box-shadow: var(--ml-shadow);
	color: var(--ml-text);
	backdrop-filter: blur(18px);
}

.modal-header,
.modal-footer,
.offcanvas-header,
.toast-header,
.popover-header {
	border-color: var(--ml-border-soft);
	background: rgba(234, 245, 245, .035);
	color: var(--ml-text);
}

.modal-backdrop,
.offcanvas-backdrop {
	--bs-backdrop-bg: #000000;
	--bs-backdrop-opacity: .74;
}

.offcanvas {
	--bs-offcanvas-color: var(--ml-text);
	--bs-offcanvas-bg: rgba(7, 43, 44, .98);
	--bs-offcanvas-border-color: var(--ml-border);
}

.toast {
	--bs-toast-color: var(--ml-text);
	--bs-toast-bg: rgba(7, 43, 44, .97);
	--bs-toast-border-color: var(--ml-border);
	--bs-toast-header-color: var(--ml-text);
	--bs-toast-header-bg: rgba(234, 245, 245, .045);
	--bs-toast-header-border-color: var(--ml-border-soft);
}

.popover {
	--bs-popover-bg: rgba(7, 43, 44, .98);
	--bs-popover-border-color: var(--ml-border);
	--bs-popover-header-bg: rgba(112, 146, 147, .08);
	--bs-popover-header-color: #EAF5F5;
	--bs-popover-body-color: var(--ml-text);
}

.tooltip {
	--bs-tooltip-bg: #062728;
	--bs-tooltip-color: #EAF5F5;
	--bs-tooltip-opacity: .98;
}

.btn-close {
	filter: invert(1) grayscale(1) brightness(2.25);
	opacity: .72;
}

.btn-close:hover,
.btn-close:focus {
	opacity: 1;
}

/* --------------------------------------------------------------------------
   Progress, spinner, placeholder, carousel
   -------------------------------------------------------------------------- */

.progress {
	--bs-progress-bg: #0B3334;
	--bs-progress-bar-color: #EAF5F5;
	--bs-progress-bar-bg: var(--ml-accent);
	border: 1px solid var(--ml-border-soft);
	background: #0B3334;
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, .28);
}

.progress-bar {
	background: linear-gradient(90deg, var(--ml-accent-active), var(--ml-accent-hover));
}

.spinner-border,
.spinner-grow {
	color: var(--ml-accent);
}

.placeholder {
	background-color: #174B4D;
}

.carousel-indicators [data-bs-target] {
	background-color: var(--ml-muted);
}

.carousel-indicators .active {
	background-color: var(--ml-accent);
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
	filter: drop-shadow(0 2px 7px rgba(0, 0, 0, .65));
}

/* --------------------------------------------------------------------------
   Bootstrap 3 kompatibilitási panelek és egyéb régi komponensek
   -------------------------------------------------------------------------- */

.panel-default,
.panel-primary,
.panel-success,
.panel-info,
.panel-warning,
.panel-danger {
	border-color: var(--ml-border);
}

.panel-default > .panel-heading,
.panel-primary > .panel-heading,
.panel-success > .panel-heading,
.panel-info > .panel-heading,
.panel-warning > .panel-heading,
.panel-danger > .panel-heading {
	border-color: var(--ml-border-soft);
	background: rgba(112, 146, 147, .08);
	color: var(--ml-text);
}

.pagination > li > a,
.pagination > li > span {
	border-color: var(--ml-border);
	background: var(--ml-surface);
	color: var(--ml-text);
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
	border-color: #54B9BE;
	background: var(--ml-surface-hover);
	color: #A2E7EB;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	border-color: var(--ml-accent);
	background: var(--ml-accent);
	color: #50B2B7;
}

.modal-content,
.dropdown-menu,
.popover,
.tooltip-inner,
.well,
.panel,
.list-group-item {
	-webkit-font-smoothing: antialiased;
}

/* --------------------------------------------------------------------------
   Fókusz, kijelölés, scrollbar
   -------------------------------------------------------------------------- */

:where(.btn, .form-control, .form-select, .form-check-input, .page-link, .nav-link, .dropdown-item, .accordion-button, .list-group-item-action):focus-visible {
	outline: 2px solid var(--ml-accent-hover);
	outline-offset: 2px;
}

* {
	scrollbar-width: thin;
	scrollbar-color: #194F51 #072A2B;
}

*::-webkit-scrollbar {
	width: 11px;
	height: 11px;
}

*::-webkit-scrollbar-track {
	background: #072A2B;
}

*::-webkit-scrollbar-thumb {
	border: 3px solid #072A2B;
	border-radius: 999px;
	background: #194F51;
}

*::-webkit-scrollbar-thumb:hover {
	background: var(--ml-accent);
}

@media (prefers-reduced-motion: reduce) {
	.btn,
	.form-control,
	.form-select,
	.nav-link,
	.dropdown-item,
	.page-link,
	.accordion-button {
		transition: none !important;
	}
}

/* ============================================================================
   KIEGÉSZÍTŐ ANIMÁCIÓK ÉS KOMPATIBILITÁS
   ============================================================================ */

@keyframes glow {
	from {
		text-shadow: 0 0 20px rgba(103, 220, 227, .55);
	}
	to {
		text-shadow: 0 0 30px rgba(103, 220, 227, .78), 0 0 44px rgba(103, 220, 227, .38);
	}
}

@keyframes crown-glow {
	0%, 100% {
		text-shadow: 0 0 25px rgba(103, 220, 227, .75);
		box-shadow: 0 0 20px rgba(103, 220, 227, .28);
	}
	50% {
		text-shadow: 0 0 36px rgba(103, 220, 227, 1), 0 0 48px rgba(103, 220, 227, .58);
		box-shadow: 0 0 32px rgba(103, 220, 227, .46);
	}
}

@keyframes github-pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(103, 220, 227, .68);
	}
	70% {
		box-shadow: 0 0 0 10px rgba(103, 220, 227, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(103, 220, 227, 0);
	}
}

@keyframes github-fade-in {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes github-slide-in {
	from {
		opacity: 0;
		transform: translateX(-100%);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes github-shimmer {
	0% {
		background-position: -200px 0;
	}
	100% {
		background-position: calc(200px + 100%) 0;
	}
}

#tooltip {
	border: 1px solid var(--ml-border);
	background-color: var(--ml-surface);
	box-shadow: var(--ml-shadow);
	color: var(--ml-text);
}

@media (prefers-contrast: high) {
	:root,
	[data-bs-theme="light"],
	[data-bs-theme="dark"] {
		--ml-border: #146166;
		--ml-border-soft: rgba(95, 210, 218, .18);
		--ml-muted: #B7CFD0;
		--ml-dim: #77999A;
		--focus-shadow: rgba(80, 178, 183, .52);
		--focus-shadow-strong: rgba(80, 178, 183, .76);
	}
}

@media print {
	:root,
	[data-bs-theme="light"],
	[data-bs-theme="dark"] {
		color-scheme: light;
		--ml-cool-deep: #072B2C;
		--ml-cool: #0B3435;
		--ml-surface: #0D3839;
		--ml-surface-raised: #134243;
		--ml-text: #D9F1F2;
		--ml-muted: #B7CFD0;
		--ml-dim: #77999A;
		--ml-border: #146166;
		--ml-border-soft: rgba(95, 210, 218, .18);
		--bs-body-bg: #072B2C;
		--bs-body-color: #D9F1F2;
	}

	body {
		background: #EAF5F5 !important;
		color: #062829 !important;
	}

	.shadow-lg,
	.shadow-md,
	.shadow-sm,
	.card,
	.panel,
	.modal-content,
	.dropdown-menu,
	.popover,
	.toast {
		box-shadow: none !important;
	}
}