/* Full list @ https://github.com/picocss/pico/blob/master/css/themes/default.css */

/* Common styles */
:root {
	--pico-form-element-active-border-color: var(--pico-primary);
	--pico-form-element-focus-color: var(--pico-primary-focus);
	--pico-form-element-spacing-vertical: 0.5rem;
	--pico-form-element-spacing-horizontal: 0.75rem;
	--pico-switch-color: var(--pico-primary-inverse);
	--pico-switch-checked-background-color: var(--pico-primary);
	--pico-icon-hamburger: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' height='24px' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='3' y1='12' x2='21' y2='12'%3E%3C/line%3E%3Cline x1='3' y1='6' x2='21' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='18' x2='21' y2='18'%3E%3C/line%3E%3C/svg%3E");
	--pico-typography-spacing-vertical: 0.5rem;
	--pico-spacing: 0.75rem;
	--pico-block-spacing-vertical: var(--pico-spacing);
	--pico-block-spacing-horizontal: var(--pico-spacing);
}

/* Dark scheme (Default) */
[data-theme=dark] {
	/*--pico-color: hsl(205deg, 16%, 77%);
	--pico-primary: #0d6efd;
	--pico-primary-hover: #0d6efd;
	--pico-primary-focus: rgba(13, 110, 253, 0.25);
	--pico-primary-inverse: #FFF;
	--pico-secondary: hsl(205deg, 15%, 41%);
	--pico-secondary-hover: hsl(205deg, 10%, 50%);
	--pico-secondary-focus: rgba(115, 130, 140, 0.25);
	--pico-secondary-inverse: #fff;
	--pico-contrast: hsl(205deg, 20%, 94%);
	--pico-contrast-hover: #fff;
	--pico-contrast-focus: rgba(115, 130, 140, 0.25);
	--pico-contrast-inverse: #000;
	--pico-muted-color: hsl(205deg, 10%, 50%);
	--pico-muted-border-color: #1f2d38;*/
}

/* Dark scheme (Auto) */
/* Automatically enabled if user has Dark mode enabled */
@media only screen and (prefers-color-scheme: dark) {
	:root:not([data-theme]) {
		/*--pico-color: hsl(205deg, 16%, 77%);
		--pico-primary: #0d6efd;
		--pico-primary-hover: #0d6efd;
		--pico-primary-focus: rgba(13, 110, 253, 0.25);
		--pico-primary-inverse: #FFF;
		--pico-secondary: hsl(205deg, 15%, 41%);
		--pico-secondary-hover: hsl(205deg, 10%, 50%);
		--pico-secondary-focus: rgba(115, 130, 140, 0.25);
		--pico-secondary-inverse: #fff;
		--pico-contrast: hsl(205deg, 20%, 94%);
		--pico-contrast-hover: #fff;
		--pico-contrast-focus: rgba(115, 130, 140, 0.25);
		--pico-contrast-inverse: #000;
		--pico-muted-color: hsl(205deg, 10%, 50%);
		--pico-muted-border-color: #1f2d38;*/
	}
}

/* Light scheme */
/* Can be forced with data-theme="light" */
[data-theme=light],
:root:not([data-theme=dark]) {
	--pico-color: #000;
	--pico-primary: hsl(205deg, 20%, 32%);
	--pico-primary-background: #0000a6;
	--pico-primary-hover-background: #1111d7;
	--pico-primary-focus: rgba(13, 110, 253, 0.125);
	--pico-primary-inverse: #FFF;
	--pico-secondary: hsl(205deg, 15%, 41%);
	--pico-secondary-hover: hsl(205deg, 20%, 32%);
	--pico-secondary-focus: rgba(89, 107, 120, 0.125);
	--pico-secondary-inverse: #fff;
	--pico-contrast: hsl(205deg, 30%, 15%);
	--pico-contrast-hover: #000;
	--pico-contrast-focus: rgba(89, 107, 120, 0.125);
	--pico-contrast-inverse: #fff;
	--pico-muted-color: hsl(205deg, 10%, 50%);
	--pico-muted-border-color: hsl(205deg, 20%, 94%);
	--pico-accordion-open-summary-color: var(--pico-primary-background);
	--pico-dropdown-color: var(--pico-color);
}

h1 {
	--pico-font-size: 1.6rem;
}

h4 {
	--pico-font-size: 1.15rem;
}

body hgroup > :not(:first-child):last-child {
	font-size: 1.15rem;
}

body hgroup {
	margin-bottom: 0;
}

@media (min-width: 1536px) {
	body > header,
	body > main,
	body > footer,
	section {
		--pico-block-spacing-vertical: calc(var(--pico-spacing) * 1.5);
	}
}