/* global styles */

/* Art Deco scrollbars: obsidian track, flat square gold thumb (tokens: .claude/skills/art-deco-design) */
::-webkit-scrollbar {
	width: 12px;
	height: 12px;
	background-color: var(--amd-background, #0a0a0a);
	border: 0px !important;
}

::-webkit-scrollbar-track {
	background-color: var(--amd-background, #0a0a0a);
	border-left: 1px solid color-mix(in srgb, var(--amd-gold, #d4af37) 20%, transparent);
	border-radius: 0;
}
::-webkit-scrollbar-track:horizontal {
	border-left: 0;
	border-top: 1px solid color-mix(in srgb, var(--amd-gold, #d4af37) 20%, transparent);
}

::-webkit-scrollbar-thumb {
	background-color: var(--amd-gold, #d4af37);
	border: 3px solid var(--amd-background, #0a0a0a) !important;
	border-radius: 0;
	transition: background-color 0.3s ease-out;
}
::-webkit-scrollbar-thumb:hover {
	background-color: var(--amd-gold-light, #f2e8c4);
}

::-webkit-scrollbar-corner {
	background-color: var(--amd-background, #0a0a0a);
}

/* Firefox has no ::-webkit-scrollbar; Chrome would let these override the rules above */
@supports not selector(::-webkit-scrollbar) {
	* {
		scrollbar-width: thin;
		scrollbar-color: var(--amd-gold, #d4af37) var(--amd-background, #0a0a0a);
	}
}

@keyframes anim_flashingButton {
	0% {
		background-color: #00000000;
		transform: scale(1);
	}
	20% {
		background-color: #00000000;
		transform: scale(1);
	}
	100% {
		background-color: #607dbb;
		transform: scale(1.1);
		transform-origin: center center;
	}
}