/*
Theme Name: Kodlo
Theme URI: https://kodlo.studio/
Author: Kodlo
Author URI: https://kodlo.studio/
Description: A minimalist, editorial WordPress theme built on alternating light and dark full-width sections, generous negative space, and a restrained typographic system pairing Inter Tight with JetBrains Mono. Content is edited through Carbon Fields and the Customizer.
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.4
Version: 0.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kodlo
Tags: minimal, editorial, one-page, custom-colors, custom-logo, custom-menu, translation-ready
*/

/* ============================================================
   Kodlo — global minimal scrollbar
   ------------------------------------------------------------
   One uniform, ultra-minimal scrollbar everywhere. Neutral grey
   thumb at 50% opacity reads on both cream and ink backgrounds,
   so there are no per-section overrides.
   Coverage: Firefox, Chrome, Edge, Safari, Opera, Brave,
   Samsung Internet, plus all nested scrollable elements.
   ============================================================ */

html {
	overflow-y: scroll;
	/* Smooth in-page jumps; offset anchor targets so section tops clear the
	   fixed top bar (~84px at rest) instead of hiding beneath it. */
	scroll-behavior: smooth;
	scroll-padding-top: 84px;
}

*,
html,
body {
	scrollbar-width: thin;
	scrollbar-color: rgba(128, 128, 128, 0.5) transparent;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar,
*::-webkit-scrollbar {
	-webkit-appearance: none;
	appearance: none;
	width: 8px;
	height: 8px;
	background: transparent;
}
html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track,
*::-webkit-scrollbar-track,
html::-webkit-scrollbar-track-piece,
body::-webkit-scrollbar-track-piece,
*::-webkit-scrollbar-track-piece {
	background: transparent;
	border: 0;
	box-shadow: none;
}
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb,
*::-webkit-scrollbar-thumb {
	background-color: rgba(128, 128, 128, 0.5);
	border-radius: 999px;
	border: 2px solid transparent;
	background-clip: padding-box;
	-webkit-background-clip: padding-box;
	min-height: 40px;
}
html::-webkit-scrollbar-corner,
body::-webkit-scrollbar-corner,
*::-webkit-scrollbar-corner,
*::-webkit-resizer {
	background: transparent;
}
html::-webkit-scrollbar-button,
body::-webkit-scrollbar-button,
*::-webkit-scrollbar-button {
	display: none;
	width: 0;
	height: 0;
}