/* FILE: custom/__base.scss */

//
// Basic colors
//





body {
	background-color: #eaecee;
	color: map_get( $customize_options, 'color-content-text' ); // Plus
	color: var(--color-content-text); // Plus
}

.site,
.page-section .posts .entry {
	background-color: map_get( $customize_options, 'color-content' ); // Plus
	background-color: var(--color-content); // Plus
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	color: map_get( $customize_options, 'color-content-headings-text' ); // Plus
	color: var(--color-content-headings-text); // Plus
}

hr,
code,
pre {
	background-color: map_get( $customize_options, 'color-content-border' ); // Plus
	color: map_get( $customize_options, 'color-content-text' ); // Plus
	background-color: var(--color-content-border); // Plus
	color: var(--color-content-text); // Plus
}

button,
input,
select,
textarea,
tbody tr:hover td,
tbody tr:hover th {
	background-color: rgba( #000, .05 ); //*
}

	.button,
	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"] {
		box-shadow: inset 0 0 0 rgba( #000, .2 ); //*

		&:active {
			box-shadow: inset 0 100px 0 rgba( #000, .2 ); //*
		}

	}

.gallery-caption,
.widget .tagcloud a:before {
	background-color: #2a2c2e; //*
	color: #caccce; //*
}

	.gallery-caption {
		background-color: rgba( #000, .8 ); //*
	}

::placeholder {
	color: inherit; //*
	opacity: .66; //*
}

:disabled::placeholder {
	color: inherit; //*
	opacity: .66; //*
}

::selection {
	background: #fafcbe; //*
	color: #6a6c2e; //*
}