/**
 * @copyright Martin Procházka (c) 2026
 * @license   MIT License
 */

:root,
[data-bs-theme=light] {
	--bs-primary: #325d88;
	--bs-primary-rgb: 50, 93, 136;
	--bs-primary-hover: #2b4f74;
	--bs-primary-active: #284a6d;

	--bs-primary-text-emphasis: #142536;
	/* --bs-primary-bg-subtle: #d6dfe7; */
	--bs-primary-border-subtle: #adbecf;


	--bs-success: #93c54b;
	--bs-success-rgb: 147, 197, 75;
	--bs-success-hover: #7da740;
	--bs-success-active: #769e3c;

	--bs-success-text-emphasis: #3b4f1e;
	--bs-success-bg-subtle: #e9f3db;
	--bs-success-border-subtle: #d4e8b7;


	--l2-youtube: #ff0000;
	--l2-youtube-hover: #d90000;
	--l2-facebook: #2d88ff;
	--l2-facebook-hover: #0772ff;
	--l2-discord: #5865f2;
	--l2-discord-hover: #3544ef;
}


[data-bs-theme=dark] {
  color-scheme: dark;

  --bs-primary-text-emphasis: #849eb8;
  /* --bs-primary-bg-subtle: #0a131b; */
  --bs-primary-border-subtle: #1e3852;

  --bs-success-text-emphasis: #bedc93;
  --bs-success-bg-subtle: #1d270f;
  --bs-success-border-subtle: #58762d;
}


/**
 * ====================================
 * CUSTOM COLORS
 * ====================================
 */

/**
 * Swatch - PRIMARY
 */
.text-bg-primary { color: var(--lte-card-variant-color) !important; }
.text-bg-primary, .bg-primary, .btn-primary, .card-primary {
	--bs-btn-color: var(--bs-light);
	--bs-btn-bg: var(--bs-primary);
	--bs-btn-border-color: var(--bs-primary);

	--bs-btn-hover-color: var(--bs-light);
	--bs-btn-hover-bg: var(--bs-primary-hover);
	--bs-btn-hover-border-color: var(--bs-primary-hover);

	--bs-btn-active-color: var(--bs-light);
	--bs-btn-active-bg: var(--bs-primary-active);
	--bs-btn-active-border-color: var(--bs-primary-active);

	--lte-card-variant-bg: var(--bs-primary);
	--lte-card-variant-bg-rgb: var(--bs-primary-rgb);
	--lte-card-variant-color: var(--bs-light);
	--lte-card-variant-color-rgb: var(--bs-light-rgb);
}

.btn-outline-primary {
	--bs-btn-color: var(--bs-primary);
	--bs-btn-border-color: var(--bs-primary);

	--bs-btn-hover-color: var(--bs-light);
	--bs-btn-hover-bg: var(--bs-primary-hover);
	--bs-btn-hover-border-color: var(--bs-primary-hover);

	--bs-btn-active-color: var(--bs-light);
	--bs-btn-active-bg: var(--bs-primary-active);
	--bs-btn-active-border-color: var(--bs-primary-active);
}

.bg-success:not(.btn) { color: var(--bs-light) !important; }
.bg-success .badge.text-bg-success { --bs-primary-rgb: 125, 167, 64; }


/**
 * Swatch - SUCCESS
 */
.text-bg-success { color: var(--lte-card-variant-color) !important; }
.text-bg-success, .bg-success, .btn-success, .card-success {	
	--bs-btn-color: var(--bs-dark);
	--bs-btn-bg: var(--bs-success);
	--bs-btn-border-color: var(--bs-success);

	--bs-btn-hover-color: var(--bs-dark);
	--bs-btn-hover-bg: var(--bs-success-hover);
	--bs-btn-hover-border-color: var(--bs-success-hover);

	--bs-btn-active-color: var(--bs-dark);
	--bs-btn-active-bg: var(--bs-success-active);
	--bs-btn-active-border-color: var(--bs-success-active);

	--bs-card-title-color: var(--bs-dark);
	--lte-card-variant-bg: var(--bs-success);
	--lte-card-variant-bg-rgb: var(--bs-success-rgb);
	--lte-card-variant-color: var(--bs-dark);
	--lte-card-variant-color-rgb: var(--bs-dark-rgb);
}

.btn-outline-success {
	--bs-btn-color: var(--bs-success);
	--bs-btn-border-color: var(--bs-success);

	--bs-btn-hover-color: var(--bs-dark);
	--bs-btn-hover-bg: var(--bs-success-hover);
	--bs-btn-hover-border-color: var(--bs-success-hover);

	--bs-btn-active-color: var(--bs-dark);
	--bs-btn-active-bg: var(--bs-success-active);
	--bs-btn-active-border-color: var(--bs-success-active);
}

.bg-success:not(.btn) { color: var(--bs-dark) !important; }
.bg-success .badge.text-bg-success { --bs-success-rgb: 125, 167, 64; }


/**
 * ====================================
 * BRAND COLORS
 * ====================================
 */

/**
 * Swatch - YOUTUBE
 */
.text-bg-youtube { color: var(--lte-card-variant-color) !important; }
.text-bg-youtube, .bg-youtube, .btn-youtube, .card-youtube {
	--bs-btn-color: var(--bs-light);
	--bs-btn-bg: var(--l2-youtube);
	--bs-btn-border-color: var(--l2-youtube);

	--bs-btn-hover-color: var(--bs-light);
	--bs-btn-hover-bg: var(--l2-youtube-hover);
	--bs-btn-hover-border-color: var(--l2-youtube-hover);

	--lte-card-variant-bg: var(--l2-youtube);
	--lte-card-variant-bg-rgb: var(--l2-youtube);
}

.btn-outline-youtube {
	--bs-btn-color: var(--l2-youtube);
	--bs-btn-bg: rgba(var(--bs-black-rgb), .5);
	--bs-btn-border-color: var(--l2-youtube);

	--bs-btn-hover-color: var(--bs-light);
	--bs-btn-hover-bg: var(--l2-youtube-hover);
	--bs-btn-hover-border-color: var(--l2-youtube-hover);
}


/**
 * Swatch - FACEBOOK
 */
.text-bg-facebook { color: var(--lte-card-variant-color) !important; }
.text-bg-facebook, .bg-facebook, .btn-facebook, .card-facebook {
	--bs-btn-color: var(--bs-light);
	--bs-btn-bg: var(--l2-facebook);
	--bs-btn-border-color: var(--l2-facebook);

	--bs-btn-hover-color: var(--bs-light);
	--bs-btn-hover-bg: var(--l2-facebook-hover);
	--bs-btn-hover-border-color: var(--l2-facebook-hover);

	--lte-card-variant-bg: var(--l2-facebook);
	--lte-card-variant-bg-rgb: var(--l2-facebook);
}

.btn-outline-facebook {
	--bs-btn-color: var(--l2-facebook);
	--bs-btn-bg: rgba(var(--bs-black-rgb), .5);
	--bs-btn-border-color: var(--l2-facebook);

	--bs-btn-hover-color: var(--bs-light);
	--bs-btn-hover-bg: var(--l2-facebook-hover);
	--bs-btn-hover-border-color: var(--l2-facebook-hover);
}


/**
 * Swatch - DISCORD
 */
.text-bg-discord { color: var(--lte-card-variant-color) !important; }
.text-bg-discord, .bg-discord, .btn-discord, .card-discord {
	--bs-btn-color: var(--bs-light);
	--bs-btn-bg: var(--l2-discord);
	--bs-btn-border-color: var(--l2-discord);

	--bs-btn-hover-color: var(--bs-light);
	--bs-btn-hover-bg: var(--l2-discord-hover);
	--bs-btn-hover-border-color: var(--l2-discord-hover);

	--lte-card-variant-bg: var(--l2-discord);
	--lte-card-variant-bg-rgb: var(--l2-discord);
}

.btn-outline-discord {
	--bs-btn-color: var(--l2-discord);
	--bs-btn-bg: rgba(var(--bs-black-rgb), .5);
	--bs-btn-border-color: var(--l2-discord);

	--bs-btn-hover-color: var(--bs-light);
	--bs-btn-hover-bg: var(--l2-discord-hover);
	--bs-btn-hover-border-color: var(--l2-discord-hover);
}