/*
Theme Name: Colorsplash Blog
Theme URI:
Author: Joey Korbel
Author URI:
Description: A theme for JoeyKorbel.com with a splash of color. Five colour-coded sections — Posts, Projects, Reading, Recipes, Photos — over a light/dark garden palette.
Requires at least: 7.0
Tested up to: 7.0
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: colorsplash-blog
Tags: blog, block-theme, full-site-editing
*/

html[data-theme="dark"] {
	--wp--preset--color--base: #131312;
	--wp--preset--color--surface: #1b1b1a;
	--wp--preset--color--contrast: #ebebe8;
	--wp--preset--color--muted: #a0a09a;
	--wp--preset--color--soft: #c9c9c4;
	--wp--preset--color--line: #2a2a28;
	--wp--preset--color--accent-green: oklch(0.75 0.13 155);
	--wp--preset--color--accent-blue: oklch(0.75 0.12 255);
	--wp--preset--color--accent-amber: oklch(0.78 0.12 80);
	--wp--preset--color--accent-orange: oklch(0.75 0.14 40);
	--wp--preset--color--accent-rose: oklch(0.76 0.13 350);
	--wp--preset--color--accent-teal: oklch(0.75 0.11 210);
	--wp--preset--color--tint-green: oklch(0.23 0.03 155);
	--wp--preset--color--tint-green-border: oklch(0.35 0.05 155);
	--wp--preset--color--tint-amber: oklch(0.24 0.03 70);
	--wp--preset--color--tint-amber-border: oklch(0.36 0.05 70);
	--wp--preset--color--tint-orange: oklch(0.24 0.035 35);
	--wp--preset--color--tint-orange-border: oklch(0.36 0.055 35);
	--wp--preset--color--tint-rose: oklch(0.23 0.03 350);
	--wp--preset--color--tint-rose-border: oklch(0.35 0.05 350);
	--wp--preset--color--tint-blue: oklch(0.23 0.03 255);
	--wp--preset--color--tint-teal: oklch(0.23 0.028 210);
	--wp--preset--color--tint-teal-border: oklch(0.35 0.05 210);
	--wp--custom--header-bg: rgba(19, 19, 18, 0.8);
	--wp--custom--on-accent: #131312;
	--wp--custom--row-hover: #1b1b1a;
}

body {
	transition: background-color 0.25s, color 0.25s;
	-webkit-font-smoothing: antialiased;
}

:where(h1, h2, h3, .wp-block-post-title, .wp-block-query-title) {
	text-wrap: pretty;
}

:where(a, button, input, textarea, summary):focus-visible {
	outline: 2px solid var(--wp--preset--color--accent-blue);
	outline-offset: 2px;
	border-radius: 2px;
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}