/* Dark mode only overrides */
[data-ppw-theme="dark"] {

	/* Forms (Custom) */
	--ppw-form-color: #000000;
	--ppw-form-bg: #171a1d;

	/* Header (Custom) */
	--ppw-header-color: rgba(255, 255, 255, 0.8);
	--ppw-header-bg: #16191c;
	--ppw-header-hover-color: rgba(255, 255, 255, 1);
	--ppw-header-active-color: rgba(255, 255, 255, 1);

	/* Submenu (Custom) */
	--ppw-submenu-color: #dadada;
	--ppw-submenu-bg: #212529;
	--ppw-submenu-hover-color: #ffffff;
	--ppw-submenu-active-color: #ffffff;
	--ppw-submenu-active-weight: 600;
	--ppw-submenu-bottom-border-width: 1px;
	--ppw-submenu-bottom-border-color: #13171c;

	/* Toolbar (Custom) */
	--ppw-toolbar-color: #000000;
	--ppw-toolbar-bg: #485059; /* #393e43; */
	--ppw-toolbar-bottom-border-width: 1px;
	--ppw-toolbar-bottom-border-color: transparent;

	/* Infobar (Custom) */
	--ppw-infobar-color: #000000;
	--ppw-infobar-bg: #878d95;
	--ppw-infobar-bottom-border-width: 1px;
	--ppw-infobar-bottom-border-color: transparent;

	/* Row highlight */
	--ppw-row-highlight-color: inherit;
	--ppw-row-highlight-bg: #244c7c;

	/* Buttons */
	--ppw-btn-color: #f4f4f4;
	--ppw-btn-bg: #485059;
	--ppw-btn-icon-color: #f4f4f4;
	--ppw-btn-border-color: rgb(127, 127, 127);
	--ppw-btn-border-color: transparent;
	--ppw-btn-hover-color: #fff;
	--ppw-btn-hover-bg: #5c636a;
	--ppw-btn-hover-border-color: #565e64;
	--ppw-btn-focus-shadow-rgb: 130, 138, 145;
	--ppw-btn-active-color: #fff;
	--ppw-btn-active-bg: #565e64;
	--ppw-btn-active-border-color: #51585e;
	--ppw-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--ppw-btn-disabled-color: #fff;
	--ppw-btn-disabled-bg: #6c757d;
	--ppw-btn-disabled-border-color: #6c757d;

	/* Form controls */

	--ppw-form-control-color: white;
	--ppw-form-control-bg: #464d53;
	--ppw-form-control-border-color: var(--bs-border-color);

	/* Toggle switch */

	--ppw-toggle-track-bg: #8f8f8f;
	--ppw-toggle-track-bg-rgb: 143, 143, 143;
	--ppw-toggle-lever-bg: #fff;
	--ppw-toggle-lever-bg-rgb: 255,255,255;

	--ppw-toggle-lever-touch-start-bg: rgba(0,0,0,0.08); /* Starting transition color */
	--ppw-toggle-lever-touch-end-bg: rgba(0,0,0,0.15); /* Ending transition color */

	--ppw-toggle-checked-track-bg: #8f8f8f;
	--ppw-toggle-checked-lever-bg: #fff;
	--ppw-toggle-checked-lever-bg-rgb: 255,255,255;

	--ppw-toggle-checked-lever-touch-start-bg: rgba(0,0,0,.08);
	--ppw-toggle-checked-lever-touch-end-bg: rgba(0,0,0,.15);

	--ppw-toggle-disabled-track-bg: rgba(var(--ppw-toggle-track-bg-rgb),.4);
	--ppw-toggle-disabled-lever-bg: #949494;
}