@use '../../../variables' as *;

.#{$prefix}theme-centurion {
	.#{$prefix}description {
		& > .#{$prefix}surface {
			--#{$prefix}surface-opacity: 0;
		}

		& > .#{$prefix}overlay {
			--#{$prefix}overlay-opacity: 0;
			--#{$prefix}_hover-overlay-opacity: 0.08;
			--#{$prefix}_active-overlay-opacity: 0.12;
		}
	}

	.#{$prefix}descriptions {
		--#{$prefix}description-label-color: var(--#{$prefix}secondary-action-color);
		--#{$prefix}description-text-color: var(--#{$prefix}primary-color);
	}

	.#{$prefix}descriptions--sm {
		--#{$prefix}description-padding-y: 0.5rem;
		--#{$prefix}description-padding-x: 0.75rem;
		--#{$prefix}description-gap-y: 0.5rem;
		--#{$prefix}description-gap-x: 0.75rem;

		--#{$prefix}description-label-font-size: 12px;

		--#{$prefix}description-text-font-size: 12px;
	}

	.#{$prefix}descriptions--md {
		--#{$prefix}description-gap-y: 0.5rem;
		--#{$prefix}description-gap-x: 1rem;

		--#{$prefix}description-label-font-size: 12px;

		--#{$prefix}description-text-font-size: 12px;
	}

	.#{$prefix}descriptions--lg {
		--#{$prefix}description-padding-y: 0.75rem;
		--#{$prefix}description-padding-x: 1.25rem;
		--#{$prefix}description-gap-y: 0.75rem;
		--#{$prefix}description-gap-x: 1.25rem;

		--#{$prefix}description-label-font-size: 14px;

		--#{$prefix}description-text-font-size: 14px;
	}
}