/*
Theme Name: Global Cards Child
Theme URI: https://globalcards.ru/
Description: Child theme for GeneratePress used by the Global Cards project.
Author: Global Cards
Template: generatepress
Version: 1.1.0
Text Domain: globalcards-child
*/

/*
 * GlobalCards brand palette, adapted from the approved Figma board.
 */
:root {
	/* Brand colors. */
	--gc-color-obsidian: #25282c;
	--gc-color-cloud: #f4f4f5;
	--gc-color-ultraviolet: #0d9488;
	--gc-color-signal-coral: #6a8999;
	--gc-color-clear-mint: #9ab7c1;
	--gc-color-steel: #828282;

	/* Compatibility aliases used by shared header/footer components. */
	--gc-color-midnight-route: var(--gc-color-obsidian);
	--gc-color-electric-cobalt: var(--gc-color-ultraviolet);
	--gc-color-pulse-magenta: var(--gc-color-signal-coral);
	--gc-color-signal-aqua: var(--gc-color-clear-mint);
	--gc-color-laser-violet: #3f3f46;
	--gc-color-ice-white: var(--gc-color-cloud);

	/* Semantic roles. */
	--gc-color-text: var(--gc-color-midnight-route);
	--gc-color-background: var(--gc-color-ice-white);
	--gc-color-primary: var(--gc-color-electric-cobalt);
	--gc-color-accent: var(--gc-color-pulse-magenta);
	--gc-color-signal: var(--gc-color-signal-aqua);
	--gc-color-highlight: var(--gc-color-laser-violet);
	--gc-color-border: rgba(37, 40, 44, 0.16);
}

/* Global Cards scrollbar. Firefox uses the solid fallback; Chromium/Safari use the gradient thumb. */
html {
	scrollbar-color: var(--gc-color-ultraviolet) #e7e7e8;
	scrollbar-width: thin;
}

::-webkit-scrollbar {
	width: 12px;
	height: 10px;
}

::-webkit-scrollbar-track {
	background: #e7e7e8;
}

::-webkit-scrollbar-thumb {
	min-height: 54px;
	border: 3px solid #e7e7e8;
	border-radius: 999px;
	background: linear-gradient(180deg, #249f94, var(--gc-color-ultraviolet));
	background-clip: padding-box;
}

::-webkit-scrollbar-thumb:hover {
	background: linear-gradient(180deg, #52ada5, var(--gc-color-ultraviolet));
	background-clip: padding-box;
}

::-webkit-scrollbar-thumb:active {
	background: var(--gc-color-obsidian);
	background-clip: padding-box;
}

::-webkit-scrollbar-corner {
	background: #e7e7e8;
}