// TODO: No token equivalent — SVG URL maps have no CSS var equivalent yet.
// @use 'dist/scss/base/variables/images' as *;
// TODO: remove below when '@use' issue is fixed
$brandui-images: 'https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/';

/* Brand logos >> logo-name: (light version, dark version, ratio) */
$snyk-logos-color-mode: (
	'default': (
		'#{$brandui-images}brand-logos/default-light.svg',
		'#{$brandui-images}brand-logos/default-dark.svg',
		52%
	),
	'default-solid': (
		'#{$brandui-images}brand-logos/default-solid-light.svg',
		'#{$brandui-images}brand-logos/default-solid-dark.svg',
		52%
	),
	'icon': (
		'#{$brandui-images}brand-logos/icon-light.svg',
		'#{$brandui-images}brand-logos/icon-dark.svg',
		62%
	),
	'icon-solid': (
		'#{$brandui-images}brand-logos/icon-solid-light.svg',
		'#{$brandui-images}brand-logos/icon-solid-dark.svg',
		62%
	),
	'vertical': (
		'#{$brandui-images}brand-logos/vertical-light.svg',
		'#{$brandui-images}brand-logos/vertical-dark.svg',
		77%
	),
	'vertical-solid': (
		'#{$brandui-images}brand-logos/vertical-solid-light.svg',
		'#{$brandui-images}brand-logos/vertical-solid-dark.svg',
		77%
	),
	'wordmark': (
		'#{$brandui-images}brand-logos/wordmark-light.svg',
		'#{$brandui-images}brand-logos/wordmark-dark.svg',
		58%
	),
	'security-labs-solid': (
		'#{$brandui-images}brand-logos/security-labs-solid-light.svg',
		'#{$brandui-images}brand-logos/security-labs-solid-dark.svg',
		24%
	),
	'icon-security-labs-solid': (
		'#{$brandui-images}brand-logos/icon-security-labs-solid-light.svg',
		'#{$brandui-images}brand-logos/icon-security-labs-solid-dark.svg',
		24%
	),
	'labs-solid': (
		'#{$brandui-images}brand-logos/labs-solid-light.svg',
		'#{$brandui-images}brand-logos/labs-solid-dark.svg',
		26%
	),
	'evo-solid': (
		'#{$brandui-images}brand-logos/evo-logo-light-mode.svg',
		'#{$brandui-images}brand-logos/evo-logo-dark-mode.svg',
		26%
	),
	'labs-mono': (
		'#{$brandui-images}brand-logos/labs-mono-light.svg',
		'#{$brandui-images}brand-logos/labs-mono-dark.svg',
		26%
	),
	'labs-mono-reverse': (
		'#{$brandui-images}brand-logos/labs-mono-dark.svg',
		'#{$brandui-images}brand-logos/labs-mono-light.svg',
		26%
	)
);

// 1.0 deprecate (possibly -- might be values in CMS)
$snyk-logos: (
	'only.logo-color': '#{$brandui-images}brand-logos/color.svg',
	'only.logo-space': '#{$brandui-images}brand-logos/only-space.svg',
	'only.logo-white': '#{$brandui-images}brand-logos/only-white.svg',
	'word-only.logo-purple':
		'#{$brandui-images}brand-logos/word-only-logo-purple.svg',
	'word-only.logo-space':
		'#{$brandui-images}brand-logos/word-only-logo-space.svg',
	'word-only.logo-white':
		'#{$brandui-images}brand-logos/word-only-logo-white.svg',
	'wordmark-vertical.logo-color-purple':
		'#{$brandui-images}brand-logos/wordmark-vertical-logo-color-purple.svg',
	'wordmark-vertical.logo-color-white':
		'#{$brandui-images}brand-logos/wordmark-vertical-logo-color-white.svg',
	'wordmark-vertical.logo-color':
		'#{$brandui-images}brand-logos/wordmark-vertical-logo-color.svg',
	'wordmark-vertical.logo-space':
		'#{$brandui-images}brand-logos/wordmark-vertical-logo-space.svg',
	'wordmark-vertical.logo-white':
		'#{$brandui-images}brand-logos/wordmark-vertical-logo-white.svg',
	'wordmark.logo-color-purple':
		'#{$brandui-images}brand-logos/wordmark-logo-color-purple.svg',
	'wordmark.logo-color-white':
		'#{$brandui-images}brand-logos/wordmark-logo-color-white.svg',
	'wordmark.logo-color': '#{$brandui-images}brand-logos/wordmark-logo-color.svg',
	'wordmark.logo-space': '#{$brandui-images}brand-logos/wordmark-logo-space.svg',
	'wordmark.logo-white': '#{$brandui-images}brand-logos/wordmark-logo-white.svg',
	// Security labs team microsite logos
	'wordmark-security-labs.logo-space':
		'#{$brandui-images}brand-logos/wordmark-security-labs.svg',
	'wordmark-security-labs.logo-white':
		'#{$brandui-images}brand-logos/wordmark-security-labs-white.svg',
	'only-security-labs.logo-space':
		'#{$brandui-images}brand-logos/only-security-labs.svg',
	'only-security-labs.logo-white':
		'#{$brandui-images}brand-logos/only-security-labs-white.svg'
);

// Product logos color mode >> icon-name : (light version, dark version)
$product-logos-color-mode: (
	'snyk-apprisk': (
		'#{$brandui-images}product-logos/apprisk.svg',
		'#{$brandui-images}product-logos/apprisk-alt.svg'
	),
	'snyk-cloud': (
		'#{$brandui-images}product-logos/cloud.svg',
		'#{$brandui-images}product-logos/cloud-alt.svg'
	),
	'snyk-code': (
		'#{$brandui-images}product-logos/code.svg',
		'#{$brandui-images}product-logos/code-alt.svg'
	),
	'snyk-container': (
		'#{$brandui-images}product-logos/container.svg',
		'#{$brandui-images}product-logos/container-alt.svg'
	),
	'snyk-deepcodeai': (
		'#{$brandui-images}product-logos/deepcodeai.svg',
		'#{$brandui-images}product-logos/deepcodeai-alt.svg'
	),
	'snyk-iac': (
		'#{$brandui-images}product-logos/iac.svg',
		'#{$brandui-images}product-logos/iac-alt.svg'
	),
	'snyk-learn': (
		'#{$brandui-images}product-logos/learn.svg',
		'#{$brandui-images}product-logos/learn-alt.svg'
	),
	'snyk-oss': (
		'#{$brandui-images}product-logos/oss.svg',
		'#{$brandui-images}product-logos/oss-alt.svg'
	),
	'snyk-studio': (
		'#{$brandui-images}product-logos/snyk-studio-brand.svg',
		'#{$brandui-images}product-logos/snyk-studio-brand.svg'
	)
);

// 1.0 deprecate (possibly -- might be values in CMS)
$product-logos: (
	'snyk-apprisk-alt': '#{$brandui-images}product-logos/apprisk-alt.svg',
	'snyk-apprisk': '#{$brandui-images}product-logos/apprisk.svg',
	'snyk-cloud-alt': '#{$brandui-images}product-logos/cloud-alt.svg',
	'snyk-cloud': '#{$brandui-images}product-logos/cloud.svg',
	'snyk-code-alt': '#{$brandui-images}product-logos/code-alt.svg',
	'snyk-code': '#{$brandui-images}product-logos/code.svg',
	'snyk-container-alt': '#{$brandui-images}product-logos/container-alt.svg',
	'snyk-container': '#{$brandui-images}product-logos/container.svg',
	'snyk-deepcodeai-alt': '#{$brandui-images}product-logos/deepcodeai-alt.svg',
	'snyk-deepcodeai': '#{$brandui-images}product-logos/deepcodeai.svg',
	'snyk-iac-alt': '#{$brandui-images}product-logos/iac-alt.svg',
	'snyk-iac': '#{$brandui-images}product-logos/iac.svg',
	'snyk-learn-alt': '#{$brandui-images}product-logos/learn-alt.svg',
	'snyk-learn': '#{$brandui-images}product-logos/learn.svg',
	'snyk-oss-alt': '#{$brandui-images}product-logos/oss-alt.svg',
	'snyk-oss': '#{$brandui-images}product-logos/oss.svg'
);