@use 'exports' as *;

.card {
	@layer components {
		@include vars;
		@include component;
	}

	@layer mods {
		// .mod-grey is deprecated
		&.mod-neutral,
		&.mod-grey {
			@include neutral;
		}

		&.mod-clickable {
			@include clickable;
		}

		&.mod-elevated {
			@include elevated;
		}

		&.mod-action {
			@include action;
		}

		&.mod-nested {
			@include nested;
		}

		&.mod-expand {
			@include expand;
		}

		&:is(.is-disabled, .disabled) {
			@include disabled;
		}
	}
}