:root {

	/* Brand colors */
	--gg-accent: #7B00FF;
	--gg-accent-2: #2A00C9;
	--gg-accent-text: #ffffff;
	--gg-accent-rgb: 123, 0, 255;
	--gg-accent-cyan: #00D8FF;

	/* Typography colors */
	--gg-ink: #1F1F1F;
	--gg-ink-hover: #303030;
	--gg-text-h2: #303030;
	--gg-text: #5F6368;
	--gg-text-small: #8A8F98;

	/* Backgrounds */
	--gg-bg: #ffffff;
	--gg-bg-alt: #F8F9FC;
	--gg-bg-dark: #0F1020;

	/* Borders */
	--gg-border: #E5E7EB;
	--gg-border-alt: #D7D9E0;

	/* Links */
	--gg-link: var(--gg-accent);
	--gg-link-hover: var(--gg-accent-2);

	/* Fonts */
	--gg-font-body: 'Inter', sans-serif;
	--gg-font-heading: 'Sora', sans-serif;

	/* Logo */
	--gg-logo-height: 48px;

	/* Nav */
	--gg-dropdown-min-width: 14rem;

	/* Radius */
	--gg-radius: 12px;
	--gg-radius-input: 6px;

	/* Buttons */
	--gg-btn-font-size: 0.89rem;
	--gg-btn-font-weight: 600;
	--gg-btn-padding-y: 0.5rem;
	--gg-btn-padding-x: 1.5rem;

	/* Sidebar */
	--gg-sidebar-width: 320px;
	--gg-sidebar-input-height: 36px;

	/* Listing */
	--gg-listing-img-fit: cover;
	/* cover | contain */
}